회고

TIL_210728

코동이 2021. 7. 30. 08:27

1. Facts(사실, 객관)

- 캡틴판교 Vuex 개념 공부

2. Feelings(느낌, 주관)

- Vuex 강의를 들었는데, Vuex가 왜 등장하였는지 고민할 필요가 있습니다. 결국 큰 프로젝트에서 서로 의존관계와 연관된 사항을 잘 구분하기 위한 것 입니다. 등장배경을 살피다보니, MVC의 한계점과 Reract의 Flux를 자연스럽게 흐름으로 알 수 있었습니다. Vuex없이 Vue로만 할 일 목록을 만들었을 때, 저렇게 많은 이벤트와 props는 어떻게 관리하는가? 라는 의문이 끊임없이 들었는데, 그 해법을 찾았습니다. state, getters, mutations, actions의 역할을 통해서 좀 더 구조화된 코드 작성이 가능합니다. 헬퍼함수로 한단계 진화시켜서 ...mapState[], ...mapGetters[], ...mapMutations[], ...mapActions[]로 더 간결하게 만들 수 있습니다. 앞의 2개는 computed()에, 후의 2개는 methods()에 정의하여 사용합니다.

 

3. Findings (배운 점)

*Notion에 정리한 내용

- Vuex 설치

https://www.notion.so/Vuex-35ab51e79f2444c5b1d44e16a77e95c1

 

- Vuex 소개

https://www.notion.so/Vuex-101e2b6d752745faafdca2ed5ea309b0

 

- Vuex 주요기술 요소

https://www.notion.so/Vuex-0ec8a64a43f94f269358a74ae5ba617f

 

- Vuex 헬퍼함수

https://www.notion.so/Vuex-4cad7eb640bf44a394410e26b5fdff1e

 

- Vuex 프로젝트 구조화 및 모듈화

https://www.notion.so/Vuex-63f980c4a2fa48bc8b82e8f2200d4597

 

 

반응형