티스토리

YELOPER
검색하기

블로그 홈

YELOPER

01exsilver.tistory.com/m

예글 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • [VUE3] defineEmits vs defineExpose 회사에서 일하다... datepicker와 input radio 선택 후 모달 취소버튼을 누르면 초기화작업을 해야하는데 아무리 emit으로 보내도 반응이 없었는데... 다행히 천사같은 선임님이 알려주셔서 해결할 수 있었다...defineExpose를 이때 알게 되었는데 둘의 차이를 확실히 해두면 좋을 것 같아서 작성한다 1️⃣ defineExpose자식 컴포넌트 내에서 부모 컴포넌트에게 노출할 변수나 함수를 정의하는 데 사용.자식 컴포넌트에서 expose를 사용하여 노출된 속성들을 정의.부모 컴포넌트에서 자식 컴포넌트의 인스턴스에 접근하여 해당 노출된 속성을 사용할 수 있음자식에서 부모로 데이터를 노출시킬 때 사용// ChildComponent.vueimport { defineComponent, defi.. 공감수 0 댓글수 0 2024. 5. 4.
  • [VUE] npm ERR! gyp verb check python checking for Python executable "python2" in the PATHnpm ERR! gyp verb `which` failed Error: not found: python2 회사에서 사이드 프로젝트로 하던 거를 집에서도 작업하려고 깃 클론을 하고 npm install을 했는데... 1시간이나 여기서 잡아먹혔다 ㅠㅠㅠ 해결했던 방법은 파이썬 설치가 아닌.. 1- npm uninstall node-sass 2- npm i -D sass ---> 에러나서 3- npm install -D sass-loader@^10 sass ---> 이렇게 했더니 성공 3- npm i 이것이었다... 공감수 0 댓글수 0 2024. 4. 22.
  • [VUE] VUEX 알아보기 🚀 VUEX란? 무수히 많은 컴포넌트의 데이터를 관리하기 위한 상태 관리 패턴이자 라이브러리 React의 Flux 패턴에서 기인함 Vue.js 중고급 개발자로 성장하기 위한 필수 관문 🚀 Flux란? MVC 패턴의 복잡한 데이터 흐름 문제를 해결하는 개발 패턴 - Unidirectional data flow action: 화면에서 발생하는 이벤트 또는 사용자의 입력 dispatcher: 데이터를 변경하는 방법, 메서드 model: 화면에 표시할 데이터 view: 사용자에게 비춰지는 화면 데이터의 흐름이 여러 갈래로 나뉘지 않고 단방향으로만 처리 🚀 Vuex가 필요한 이유 복잡한 애플리케이션에서 컴포넌트의 개수가 많아지면 컴포넌트 간에 데이터 전달이 어려워짐 🚀 Vuex로 해결할 수 있는 문제 1. MVC.. 공감수 0 댓글수 0 2024. 4. 21.
  • [VUE] 카테고리 필터링 기능 / vue transition 적용하기 🚀 vue Transition 1. Transition 엘리먼트나 컴포넌트가 돔에 들어갈 때와 나갈 때 애니메이션을 적용 내장된 컴포넌트. 그래서 등록할 필요없이 모든 컴포넌트의 템플릿에서 사용할 수 있음 v-if 를 통한 조건적인 렌더링 v-show 를 통한 조건적인 디스플레이 스페셜 엘리먼트인 를 통해 동적인 컴포넌트 토글링 2. TransitionGroup list와 같이 여러 개의 태그가 들어가는 경우를 고려한 Transition 컴포넌트 감싸는 태그가 없이 v-for 등을 이용해 여러 개 태그가 들어가야함. 대신 tag 라는 속성을 통해 감쌀(wrap) 태그를 지정할 수 있음 리스트의 태그들은 각자 나타나거나 사라지고 순서만 바뀌기 때문에, 서로 영향을 주지 않음. 따라서 transition m.. 공감수 0 댓글수 0 2024. 4. 19.
  • [VUE] 2. Vue 핵심문법 알아보기 / typescript 모듈 또는 해당 형식 선언을 찾을 수 없습니다. 오류 해결 1️⃣ UI를 컨트롤하는 디렉티브 - UserInterface 1. 선언적 렌더링 Vue.js 데이터바인딩의 가장 기본 데이터 바인딩의 가장 기본적인 형태: 이중 중괄호 {{ }} 문법을 사용한 텍스트 보간법 이중 중괄호는 데이터를 HTML이 아닌 일반 텍스트로 해석. 실제 HTML을 출력하려면 v-html 디렉티브를 사용 2. Class와 Style 바인딩 1) HTML Class 바인딩 HTML 클래스 바인딩을 하기 위해선 v-bind: class (축약형 - :class)를 사용 객체로 바인딩 되며 클래스를 동적으로 토글하기 위해 객체를 :class에 전달할 수 있음 isActive: state 영역 즉, data 영역에 선언한 임의의 변수이며 이 변수는 true와 flase 값을 가짐 2) HTM.. 공감수 0 댓글수 0 2024. 4. 9.
  • [VUE] 1. vite로 Vue 시작하기 / npm cache 오류 해결 / 라이프사이클 훅 학습하기 이직하게 된 회사에서 React나 Next가 아닌 VUE를 사용하게 되어서 출근하기 전까지 조금이라도 공부하기 위해 유튜브에 올라온 강의를 보며 학습을 시작하였다! https://www.youtube.com/watch?v=9lWaIhE05m8&t=430s 구디사는 개발자 9Din님께서 유튜브에 올려주신 강의로 학습하였다. 1️⃣ VUE 시작하기 구글링해본 결과 VUE는 Vue-CLI나 Vite 둘 중 하나로 시작을 하는 것 같았다 리액트로 예를 들면 CRA vs Vite 이런 느낌일라나.. 📚 Vue-CLI vs Vite 1. Vue-CLI의 장단점 장점 다양한 기능을 제공하며 Vue.js 애플리케이션의 빌드, 테스트 및 배포를 위한 다양한 구성을 제공합니다. 프로젝트의 개발을 위한 설정을 쉽게 커스텀 .. 공감수 0 댓글수 0 2024. 4. 9.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.