요청 처리 중입니다...

[React] CRA 없이 React 개발환경 구축하기

2023-09-17 19:35:52

React를 CRA 없이 구축하는 내용을 포스팅해보고자 한다. 서론은 건너뛰고 구축 순서부터 나열해보겠다.

구축 순서 1. package.json 생성 2. React, Typescript 설치 3. tsconfig 생성 및 설정 4. webpack 설정 5. package.json 설정 6. public에 index.html 넣어주기 7. css 사용하기 (번외). msw 설정 (선택) 1. package.json 생성 package.json부터 생성해주자. > yarn init -y 설명은 생략하겠다. 2.

React, Typescript 설치 react와 typescript를 쓸 것이니 설치해주자. yarn add react react-dom yarn add -D typescript @types/react @types/react-dom 3. tsconfig.json 생성 및 설정 먼저 ts-loader를 받아주자. yarn add ts-loader 이후 Typescript를 사...

# copywebpackplugin # cra없이react # cra없이reacttypescript # failedtoupdateaserviceworker # msw설정 # reactwebpack

원문 링크 : [React] CRA 없이 React 개발환경 구축하기

등록된 다른 글

[HTTP] 전송 인코딩과 청크 인코딩

[Node.js 오류] HTTP 응답코드 404 (Not Found) 오류

[JavaScript] 자바스크립트 엔진들의 히든 클래스(Hidden Class)개념과 코드 실행 최적화를 위한 인라인 캐싱(Inline Caching)

[프로그래머스] 최댓값과 최솟값(JavaScript)

[오류모음] [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath ~~~ package.json 해결

[CSS] Position 속성(static, relative, absolute, fixed)