AAA 리액트 설치 및 사용 환경
페이지 정보
본문
리액트 설치 및 사용 환경
- 노드 node.js 설치 : 자바스크립트 런타임 도구. 어떠한 환경에서도 자바스크립트 실행이 가능한 환경을 만든다.
- 웹팩(Webpack) : 모듈 번들러. 여러개의 파일을 하나의 자바스크립트 코드로 압축하고 최적화하는 라이브러리.
- 바벨(Babel) : 트랜스 파일러. 자바스크립트 최신 버전의 코드를 사용 버전의 코드로 변환(=번역)하는 도구. (예: ES6을 ES5로...)
- 노드 다운로드 링크 : https://nodejs.org/ko/download/ >> 다운로드한 실행파일을 실행 설치.
- npm과 yarn : npm은 노드 기본 관리자, yarn은 조금 개선된 관리자. 요즘은 npm도 많이 개선되서 별차이가 없다는 게 중론.
- 소스 에디터 설치 : visual studio code = vscode = 비주얼스튜디오코드 추천. https://code.visualstudio.com/
- creat-react-app : 윈도탐색기에서 작업 메인 폴더(디렉토리) 만들고 vscode에서 그 폴더 불러온 다음 터미널 실행 >> 터미널에서 creat-react-app hello-react 입력하고 실행 >> 해당 디렉토리(my-app)으로 이동 cd my-app >> npm start : 개발 서버 실행 >> Welcome to React 페이지 뜸.