Ellen's Web Note

script 모듈 이전의 브라우저에서는 모듈의 개념이 없어서 브라우저에서는 필요한 모듈들을 네트워크를 통해 비동기적으로 다운로드 받고 나서야 사용이 가능했다. 코드를 작성할때에도 파일의 선언 순서에 따라 충돌이 발생할 수도 있기 때문에 주의가 필요했다. ES6 Module 2015년 JavaScript의 표준 모듈 시스템이 명세되었으나 일부 구버전 브라우저(IE)에서는 모듈이 나눠진 스크립트를 실행하지 못하여 스크립트를 처리하는 별도의 라이브러리가 필요. 번들러(bundler) 번들러는 파일(모듈)들을 하나로 만들어서 브라우저에서 실행 가능한 환경을 만들어주는 도구. (런타임에 모듈을 가져오는 모듈 로더에 반해 빌드 시 모듈을 묶어버리기 때문에 추가적인 로드가 필요 없음) 번들러 도구 : webpack,..

리액트 프로젝트 만들기 yarn create react-app 'project_name' npm create-react-app 'project_name' 디렉터리 구조 node_modules - Node.js 기본 도구 모음 - npm, yarn으로 설치한 패키지 파일 모음. public - 실제 화면에 보여지는 파일 - Index.html : 화면에 출력되는 HTML : jsx에서 리턴한 가상 DOM을 에 추가해서 실행. - manifest.json : 앱의 홈화면에 보여지는 아이콘, 이름 등을 설정 - Robots.txt : 사이트맵 설정 src - React를 구현할 폴더 - Index.js : 프로젝트 실행 시 제일 처음 접근하는 파일. 경로(route) 설정 - App.js : 프로젝트 실행 시..