전개발
article thumbnail
CRA 없이 리액트 프로젝트 생성하기 (Create React Project Without CRA)
React 2023. 12. 13. 14:39

CRA는 리액트 프로젝트를 빠르게 세팅하도록 도와주지만, 어떠한 동작을 통해 프로젝트를 세팅하는지는 알 수가 없습니다. 그래서 CRA없이 손수 세팅하는 연습을 해보았습니다. 진행 순서 npm 패키지 생성 패키지/모듈 설치 Babel 설정 WebPack 설정 npm-scripts 설정 (Package.json) React 코드 작성 (HTML, JS) develop 서버로 렌더링 npm 패키지 생성 프로젝트 디렉토리 생성 후, 해당 경로에서 npm 패키지를 생성합니다. (package.json) mkdir [project-name] cd [project-name] npm init -y패키지/모듈 설치 필요한 패키지/모듈을 설치합니다. 이때, 일반 패키지와 개발용 패키지를 나누어 설치합니다. npm i re..