728x90
반응형
CRA
개인 프로젝트를 구현하면서 CRA는 쓰지 않을 이유가 없었다
중요한 라이브러리나 웹팩 설정 없이 명령어 하나로 간편하게 프로젝트를 실행할 수 있기 때문
CRA를 사용하면
필요한 웹팩 / 바벨 / eslint 등 연결에 대해서 신경쓰지 않아도 된다
autoprefixer 를 지원해주어 자동으로 -webkit-, -ms- 를 적용해주기도 한다 (이건 웹팩 설정, 크로스 브라우징 용도)
=> emotion styled 를 사용하면 알아서 붙기도 함
styled-components는 보통 styled-reset method 로 브라우저의 초기값을 초기화 시킨다.
npm run eject
주의할 점 : 한번 eject를 하게 되면 이전 상태로 되돌릴 수 없다
eject는 숨겨져 있던 모든 설정을 모두 볼 수 있고 이제 환경을 custom 할 수 있다.
하지만 CRA가 자동으로 해주었던 웹팩 / 바벨 등의 설정을 이제 사용자가 직접 유지 보수해야하고
라이브러리 간의 의존성도 신경 써야한다.
개발 중 새로운 패키지가 필요해서 설치할 때 다른 패키지와의 의존성을 반드시 체크해야한다
728x90
반응형
'TIL' 카테고리의 다른 글
next.js 학습 (1) (0) | 2023.04.14 |
---|---|
2023.03.26, weekly memoirs (0) | 2023.03.26 |
react) inline style 단점 (0) | 2023.03.20 |
css-in-js 와 css-in-css (0) | 2023.03.20 |
react 왜 쓰나요 (0) | 2023.03.16 |
댓글