일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- CSS
- three.js
- 문서자동화
- 디자인 토큰
- 리액트
- 플랫폼
- design token
- 업무자동화
- 디자인
- 생성AI
- 에어테이블
- 3d
- 프론트엔드
- scss
- CINEMA4D
- Airtable
- sass
- chatGPT
- 데이터분석
- frontend
- blender
- 한글자동화
- 디자인토큰
- SaaS디자인
- 웹디자인
- 파이썬
- 에러노트
- UI
- angular
- UX
- Today
- Total
목록프론트엔드 개발/React (23)
이게 무슨 일이야!
폐쇄망에서 개발할때 외부에서 소스를 다 import 한 다음에 node_modules 까지 통째로 폐쇄망으로 들고 들어 왔는데 이런 에러가 떴다 이럴 때 외부에서 소스에 이것도 임포트 해준다음, npm i react-scripts --save-dev package.json 밑에 이게 생성되고, "devDependencies": { "react-scripts": "^2.1.3" } 모두 설치되면 폐쇄망에 node_modules 통째로 들고 가서, npm start 로 리액트 SPA 를 실행할 수 있다 폐쇄망 같은 환경이 아니면 일반적인 명령어로 설치하면된다 npm i -g react-scripts
모르는 부분 -router dom -user filtering (auth guard) -nested router (/user/:id) -params (뒤로 가기 했을 때 url 에 쿼리가 남아 있는 부분) 알게 된 부분 lazy loading 구현할 부분 공통 api 연동 부분 https://www.google.com/search?q=react+symbol+%EC%9D%B4%EA%B0%80+%EC%A0%95%EC%9D%98%EB%90%98%EC%A7%80+%EC%95%8A%EC%95%98%EC%8A%B5%EB%8B%88%EB%8B%A4&oq=react+symbol+%EC%9D%B4%EA%B0%80+%EC%A0%95%EC%9D%98%EB%90%98%EC%A7%80+%EC%95%8A%EC%95%98%EC%8..
React 로 SPA 공통을 잡을 때 고려할 것을 정리 Typescript 로 React 프로젝트 만들기 https://create-react-app.dev/docs/adding-typescript/ Adding TypeScript | Create React App Note: this feature is available with react-scripts@2.1.0 and higher. create-react-app.dev npx create-react-app my-app --template typescript Redux Toolkit 으로 API 호출 공통 잡기 Redux/toolkit 설치 https://redux-toolkit.js.org/ Redux Toolkit | Redux Toolkit T..