[에이블리x멋사] 5주차와 겹치는 바람에 1주차를 제 시간에 제출하지 못했다.
그래서 2주차와 함께 몰아서 제출을 중 ..
1주차는 개발 환경 구성과 TDD 시작이 포인트인데
내가 지금까지 vue를 한다고 한다고 해왔었지만 개발 환경에대한 고민은 적었다.
빨리 기능 구현을 하고 싶어서 그냥 시키는대로 하고 되는대로 다 깔고 빨리 hello world 부터 박았었다.
지난번 에이블리 때도 사실 시작은 그러하였다.
하지만 강사님이 환경 설정이 나만 바뀐 부분에 대해 지적을 하셨고 실무에서 협업을 하는데 이것은 엄청나게 큰 일이기 때문에 뭔가 사유가 있어야한다는 것이였다.
와... 그러네 동의를 했지만 당시엔 다음 주차 미션 때문에 다시 돌아가 리셋하고 고민을 차근차근 할 시간은 없었다.
그러나 탈잉에선 아무래도 반복을 하니 가능한듯!!!!
차근차근 vue 프로젝트에 구성된 파일들부터 분명히 정의하고 고민을 시작..
- package-lock.json은 무엇인가 ?
https://junwoo45.github.io/2019-10-02-package-lock/
=> package.json은 vue 3.0 이상 씀 이라고만 되어있기에 분명히 버전을 특정해서 package.json을 도와주는데 쓰임.
- package.json에서 dependencies와 devdependencies의 차이?
=> 개발할때 쓰이는 의존성들과 run 할때도 쓰이는 의존성들
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
- config.js
jsconfig 라는 파일이 기존에 있었으며
tailwindcss를 깔면서
https://en.wikipedia.org/wiki/Configuration_file
=> 설정에 도움이 되는거..!
- extentions 들 설치
jest
=> auto check 기능 만듦
yarn
=> yarn 단축키 더 쉽게
=> 이거 개꿀인듯 yarn serve 치느라고 관절염 예방
- settings.js
다양한 성정들이 가능한데
ctrl + ,
오른쪽 상단에 문서 아이콘으로 code로 보기도 있음
jest.autoRun 를 true로 만들면 저장만으로 자동으로 테스트 함.
- mount vs shallowmount
=> mount는 자식 component들까지 전부 mount
=> shallowmount는 자식 x
=> unit테스트에는 shallowmount가 적절.
- postCss vs Sass
vue에 scss를 반영하려고 했더니 다운도 안돼고 에러가 발생했다.
https://www.bangseongbeom.com/postcss-better-than-sass.html
=> 해당 프로젝트에는 postCss를 사용할거기에 비슷한 기능을 하는 친구들이 충돌.
=> 그래서 sass는 지움.
