반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- vscode
- Maven
- Eclipse
- 배열
- 이클립스
- input
- javascript
- json
- Java
- 자바스크립트
- date
- string
- html
- 자바
- Files
- 인텔리제이
- Array
- IntelliJ
- js
- Visual Studio Code
- ArrayList
- windows
- CSS
- list
- 문자열
- 테이블
- table
- CMD
- Button
- 이탈리아
Archives
- Today
- Total
목록웹팩 (1)
어제 오늘 내일
[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..
IT/React
2021. 11. 4. 21:14