실무 개발 환경으로 만들기

* 바벨 떼기

   -> 브라우저에서 매번 바벨로 jsx를 통역하는게 아니고 이미 통역된 js를 올림

 

create-react-app : 리액트 초기 개발에 필요한 모든 것을 자동으로 해줌

---

webpack : 웹개발 시 필요한 여러가지 작업들을 명령어 하나로 설정하는 것

참고 자료

- https://joshua1988.github.io/webpack-guide/webpack/what-is-webpack.html#%EC%9B%B9%ED%8C%A9%EC%9D%B4%EB%9E%80

웹팩이란? | 웹팩 핸드북

 

ex)

1. 라이브서버 : 저장할 때마다 브라우저 리프레쉬

2. 코드 포맷팅

3. 코드가 어디 잘못됐는지 린트

 

jsx -> js 변환, 코드 용량 최소화, 압축 등의 빌드를 웹팩에서 진행

 

---

 

npx create-react-app이 안될 때

ok to proceed하면 새버전 설치하라고 뜸

nodejs를 다시 설치해도 동일한 현상이 나길래 찾아보니

 

npx create-react-app@latest 프로젝트 명

으로 쓰라고 나옴