| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- windows
- 배열
- javascript
- js
- input
- string
- Files
- CSS
- 자바스크립트
- 테이블
- 자바
- Java
- list
- Button
- json
- Maven
- 이클립스
- table
- Eclipse
- 인텔리제이
- vscode
- CMD
- html
- 이탈리아
- ArrayList
- Array
- Visual Studio Code
- IntelliJ
- 문자열
- date
- 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..