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 | 31 |
Tags
- 맥북백틱
- DIGITALHANARO
- 웅진씽크빅
- 프론트엔드개발자양성과정
- 개발자교육과정
- Next.js
- 부트캠프
- 배포
- 유데미
- `
- 디지털하나로
- s3
- 디지털취업
- 하나은행
- 프로젝트캠프
- 백틱
- 취준생
- 맥북백틱입력
- 디지털교육
- 버전생성프로세스
- udemy
- 프론트엔드배포
- 깃허브 레포지토리와 로컬 코드 연결하기
- 스나이퍼팩토리
- 네이버로그인창만들기
- 미래내일일경험
- 디지털하나로입학식
- github
- kdt
Archives
- Today
- Total
Land of Joe
[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 9일차 기록 본문
📚 Educations/🏫 [유데미X웅진씽크빅X스팩] 프로젝트 캠프 : Next.js 2기
[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 9일차 기록
Arendt 2024. 7. 25. 22:25
학습 내용
- 리액트의 불변성
- 데이터 변화를 감지할 때 원본데이터의 참조값이 변경되지 않았다면 값이 업데이트되지 않았다고 생각함
- 주소값 내부가 바뀌었더라도 주소값이 바뀌지 않으면 업데이트되지 않았다고 생각함
- 기본자료형은 상관없는데 (값이 바뀔 때마다 새로운 데이터라고 인식하기 때문)
- 배열이나 객체(참조자료형)를 바꿀 때엔 항상 새로운 배열, 객체로 생성할 것!
- 랜더링 최적화
- 메모이제이션
- 특정값, 데이터를 기억하도록 보관하는 작업
- 훅 useCallback(() => {}, [])
- 훅 useMemo(() => {}, [])
- 함수 React.memo()
- 언제 다시 메모이제이션 되고 풀리는가에 대해 알기
- useReducer
- 하나의 상태값을 단 하나의 함수에서 관리하는 것이 목적
- Context API
- props drilling
- 데이터를 관리하고 있는 곳(Context)을 만들어서 그곳에서 다른 컴포넌트 안 거치고 바로 데이터를 전달해줌
- presentational component의 리랜더링 방지 방안: 메모이제이션 방법 활용하기!
진도가 몰아친다....
넘 빠르고 생각보다 넘 힘들다.. 꾸에엑..
'📚 Educations > 🏫 [유데미X웅진씽크빅X스팩] 프로젝트 캠프 : Next.js 2기' 카테고리의 다른 글
[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 2주차 후기 (0) | 2024.07.29 |
---|---|
[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 10일차 기록 (0) | 2024.07.26 |
[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 8일차 기록 (1) | 2024.07.25 |
[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 7일차 기록 (1) | 2024.07.23 |
[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 1주차 후기 (0) | 2024.07.21 |