일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Svelte
- queue
- HTML
- 리액트
- 스위프트
- jest
- IOS
- 자바스크립트 자료구조
- react
- 자스민
- 리액트 예제
- data structure
- 자료구조
- 호키스
- 이종호
- hokeys
- Hitit
- javascript
- 계명대 이종호
- 개발자
- hokidoki
- 비동기
- 힛잇
- 계명대
- 자바스크립트
- TDD
- 호키도키
- SWIFT
- 스벨트
- 개발
- Today
- Total
목록리액트 환경 (2)
Dog foot print
기본 폴더 구조 및 파일 구조 Note : /src/Components/Header.jsx , /src/Utils/Math.ts, /src/style/main.css , /src/Utils/index.ts , /src/UI/Button.tsx 를 제외한 파일들은 이전 포스팅에서 내용을 확인해주세요 Note : 이 포스팅은 webpack-dev-server 사용 할 수 있도록 webpack.config.js와 의존성이 일부 설치되어 있습니다. 이전 포스팅에서 내용을 확인해주세요. 폴더 구조 . ├── babel.config.js ├── dist │ ├── bundle.js │ └── index.html ├── package.json ├── public │ └── index.html ├── src │ ├──..
CRA의 문제점 Tip : Jest는 테스팅 도구이다. Tip : Parcel, Webpack, Rollup은 여러 파일들을 필요한 소수의 파일로만 다시 묶어주는 번들러이다. Tip : Babel은 브라우저에서 지원하지 않는 최신문법이나 JSX문법을 브라우저가 읽을 수 있도록 변환해주는 트랜스파일러이다. Tip : 이 시점에서 위 3개의 Tip을 이해하지 않아도 된다. CRA로 시작하기 : 설치 - React 설치 - React A JavaScript library for building user interfaces reactjs-kr.firebaseapp.com Create React App(이하 CRA)는 공식 홈페이지에서도 React를 시작 할 때, 추천하는 개발 환경에 필요한 라이브러리를 설치해주..