React 개발환경 세팅하기(without CRA)

프로젝트 디렉토리 생성 index.html 만들기 root폴더에 index.html 생성 script에 번들 코드 추가 웹팩설치 및 설정 package.json의 script에 start 명령어 코드 설정 root폴더에 webpack.config.js파일생성 개발서버 실행해보기 root폴더에 src폴더 생성후 index.js 파일 생성 index....

babel 설치 webpack.config.js 파일 아래코드 추가 output이하 root폴더에 .babelrc 파일 생성 후 아래 코드 추가

react, react-dom 설치 router 추가 설치시 src/index.js 폴더에 리액트 삽입 npm start 로 확인

src 폴더에 components 폴더 생성 typescript 설치 typescript 설정 파일 추가 root폴더에 tsconfig.json 생성 후 아래 코드 입력 components 폴더에 Hello.tsx 파일 생성 아래코드 입력 src폴더의 index.js의 확장자명을 .tsx로 변경 변경 후, 아래 코드와 같이 Hello 컴포넌트 추가 ...