반응형
'그냥 리액트를 컴퓨터에 설치하면 되는거 아닌가요??'
라고 생각할 수 있지만
create react app 패키지
를 설치하는 첫 번째 이유는 dev 서버가 함께 포함돼 있기 때문
dev 서버
코드를 수정하면 자동으로 코드 변경 사항을 compile해 브라우저에서 변경 사항을 실시간으로 볼 수 있게 도와주는 도구
두 번째 이유는 웹팩이 함께 포함돼 있기 때문
웹팩
여러 개의 소스 코드를 하나로 묶어주는 자바스크립트 번들 도구
로컬에서 개발 할 때는 여러 폴더에 여러 파일이 흩어져 있지만, 실제 배포할 때는 웹팩을 사용하여 자바스크립트를 한데 묶어 용량을 작게 만들어주는 것이 필요함
세 번째 이유는 바벨이 함께 포함돼 있기 때문
바벨
리액트는 jsx로 자바스크립트를 작성함.
jsx = 자바스크립트 확장 문법 ≠ 자바스크립트
이므로
jsx를 자바스크립트로 compile 해주는 도구가 필요함, 그것이 바로 바벨
바벨 덕분에 실시간으로 개발 서버에서 결과를 확인할 수 있고 이후 손쉽게 배포할 수 있음
반응형