profile
imfrontenddeveloper
post-thumbnail

[Vue] Vuex 이해 한대로 정리

Vuex란 무엇인가? Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할 여러 컴포넌트가 공통의 상태를 공유해야 한다면? 공통의 상태 조건 여러 뷰는 같은 상태에 의존해야한다. 서로 다른 뷰의 작업은 동일한 상태를 반영할 수 있어야 한다. 🚫  Solution #1.   컴포넌트 간 prop 데이터 공유 👉🏻  지나치게 중첩된 컴포넌트를 통과하는 prop 데이터는 장황할 수 있으며 형제 컴포넌트에서는 작동하지 않는다. 🚫  Solution #2.   부모/자식 인스턴스 참조 or 이벤트 활용 👉🏻  관련 컴포넌트 내 이벤트를 통해 공통 상태의 여러 복사본 변경 및 동기화 처리가 되어야 한다. 👉�

2021년 5월 13일
·
0개의 댓글
·
post-thumbnail

Nuxt에 sass/scss 를 붙여보았다

1. node-sass / sass-loader 설치 > 설치가 완료되면 package.json 의 devDependencies에 관련 항목이 추가된다. 2. nuxt.config.js 설정 3. 오류 발생 #1. webpack 버전 오류 > 오류 1 npm run dev 실행 * 해결 * webpack 버전 다운그레이드 처리 👉🏻  참고 바로가기

2021년 5월 7일
·
0개의 댓글
·