[코드잇] Study Note / React로 데이터 다루기 - 배열 렌더링 / 데이터 가져오기

히로그·2023년 4월 13일
0

React

목록 보기
5/6
post-thumbnail

React로 데이터 다루기

1.   배열 렌더링하기

① mock 데이터
② map
③ sort
④ filter

2.   서버에서 데이터 가져오기

① fetch
② useEffect
③ pagination
④ 조건부렌더링
⑤ 비동기로 state 변경시 주의점
⑥ useState 정리
⑦ 네트워크 로딩 처리
⑧ 네트워크 에러 처리

배열 렌더링하기
mock 데이터 추가
map으로 배열 렌더링
sort로 정렬바꾸기
filter로 아이템 삭제
map메소드 렌더링 고유한 key 지정
서버에서 데이터 가져오기-1.fetch
2.useEffect
useEffect-서버에서 데이터 받아오기
useEffect 정리
3.페이지네이션-오프셋기반 페이지네이션
커서기반 페이지네이션
오프셋기반 페이지네이션 API테스트
오프셋기반 페이지네이션 실행순서
데이터 있을 때 더보기 버튼
4.조건부 렌더링-논리연산자,삼항연산자
-렌더링되지 않는 값/ 조건부 렌더링 사용시 주의점
5. 비동기로 state 변경시 주의점
콜백사용 해결
6.useState 정리
7.네트워크 로딩처리
8.네트워크 에러처리

4월13일 공부 리포트

profile
느려도 괜찮아, 할 수 있어 :)

0개의 댓글