프로그래머스 - 프론트엔드 미니 데브코스
axios를 이용한 네트워크 API 실습
axios
- 브라우저나 Node.js에서 사용 가능한 http 클라이언트 라이브러리
- promise 기반으로 동작
https://jsonplaceholder.typicode.com/
JSONPlaceholder - Free Fake REST API
{JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. As of Oct 2022, serving ~1.7 billion requests each month.
jsonplaceholder.typicode.com
useReducer
- useState와 유사하지만 조금 다름
- 상태 관리만
컴포넌트는 최대한 순수할수록 좋다.
1. 사이드 이펙트를 걱정하지 않아도 된다.
2. 확장에 유연하다.
3. 테스트가 쉽다.
Redux
보통 prop을 통해 데이터를 넘겨준다.
하위 컴포넌트에서 상위 컴포넌트로 값을 전달하기 위해서는 이벤트를 사용(리프팅)
Prop Drilling 문제를 해결하기 위해 등장
ContextAPI
- React 내장 API
Redux
- 미들웨어 기능 제공
- 성능 최적화 제공
store를 통해 구독하고 있는 컴포넌트의 상태를 변경
ContextAPI 와 useReducer를 동시에 사용한 것과 유사
https://ko.redux.js.org/introduction/getting-started/
Redux 시작하기 | Redux
소개 > 시작하기: Redux를 배우고 사용하기 위한 자료
ko.redux.js.org
- 진실은 하나의 근원으로부터
- 상태는 읽기 전용이다. => 반드시 action을 통해
- 변화는 순수 함수로 작성되어야 한다. (리듀서 안에 네트워크 로직이 들어갈 수 없다.)
팀프로젝트 미팅 - 문현수박사님
UI보다 백엔드와 연결 먼저 해볼 것
'SW Academy' 카테고리의 다른 글
| [CNU SW Academy] 44일차(23.02.02) (0) | 2023.02.02 |
|---|---|
| [CNU SW Academy] 43일차(23.02.01) (0) | 2023.02.02 |
| [CNU SW Academy] 41일차(23.01.30) (0) | 2023.01.30 |
| [CNU SW Academy] 40일차(23.01.27) (0) | 2023.01.27 |
| [CNU SW Academy] 39일차(23.01.26) (1) | 2023.01.26 |