| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- vscode
- js
- Files
- input
- 인텔리제이
- CSS
- Maven
- 자바
- 이탈리아
- Java
- html
- Array
- date
- Visual Studio Code
- json
- javascript
- string
- ArrayList
- 문자열
- Button
- list
- IntelliJ
- CMD
- 테이블
- Eclipse
- windows
- 자바스크립트
- table
- 배열
- 이클립스
- Today
- Total
목록IT/React (2)
어제 오늘 내일
[React] Create React App (CRA) 으로 개발환경 구성하기
이전 글에서 React에서 주로 사용하는 webpack과 babel의 차이를 알아보았다. [React] babel과 webpack의 차이 [React] babel과 webpack의 차이 React의 개발 환경을 구성하려면, 여러가지 도구들이 필요하고, 이 도구들에 대한 설정을 해 주어야 한다. 대표적으로 webpack + babel 설정을 해 주어야 한다. webpack : JavaScript의 static module bundler bab.. hianna.tistory.com Create React App 이란? React 개발 환경을 설정하기 위해서는 대부분 위 2가지 도구에 대한 설정이 필요하고, 이 외에도 다양한 개발 환경 설정이 필요하다. 이러한 설정을 간단하게 대신 해주는 것이 CREATE-R..
[React] babel과 webpack의 차이
React의 개발 환경을 구성하려면, 여러가지 도구들이 필요하고, 이 도구들에 대한 설정을 해 주어야 한다. 대표적으로 webpack + babel 설정을 해 주어야 한다. webpack : JavaScript의 static module bundler babel : JavaScript Compiler (Transpiler) babel babel은 Javascript의 compiler라고 할 수 있다. Java나 C의 컴파일러처럼, 소스코드를 바이너리 파일로 변환하는 것은 아니지만, 아래와 같이 React의 JSX문법을 Vanilla JavaScript로 변경하거나, 최신버전의 문법을 구 버전 문법으로 변환해 준다. JSX 를 Vanilla JavaScript로 변경해 준다. React에서는 JSX라는 R..