CH's 개발 공부 일지

  • 홈
  • 태그
  • 방명록

react lifecycle 1

Weekly Paper 04-5. React LifeCycle(생명주기)

(1) 전체 흐름(큰 그림)React 생명주기 3단계 : Mount(처음 생성) -> Update(상태/props 변경) -> Unmount(제거)(2) Mount(마운트: 처음 렌더링)컴포넌트가 처음 화면에 나타나는 순간흐름 : 함수 실행(렌더링) -> DOM 생성 -> 화면에 반영 -> side effect 실행useEffect(() => { console.log("마운트됨");}, []);// [] 의존성 배열이면 딱 한 번 실행(마운트 시)(3) Update(업데이트)state 또는 props가 바뀔 때 발생흐름 : 함수 다시 실행(렌더링) -> Virtual DOM 비교 -> 바뀐 부분만 실제 DOM 업데이트 -> effect 실행useEffect(() => { console.log("업데이..

코드잇 스프린트 FS 13기/Weekly Paper 2026.06.22
이전
1
다음
더보기
프로필사진

CH's 개발 공부 일지

개발 공부 및 개발 일지

  • 분류 전체보기 (208)
    • DEV (133)
      • CSS+HTML (0)
      • Modern JavaScript (34)
      • Interactive JavaScript (2)
      • Asynchronous JavaScript (0)
      • React (12)
      • React Query (9)
      • Next.js (16)
      • Backend (0)
      • 유저 기능 원리 (6)
      • Express (14)
      • 웹 API 디자인 (12)
      • TypeScript (28)
    • 모던 리액트 Deep Dive (1)
      • 01장 리액트 개발을 위해 꼭 알아야 할 자바스크.. (0)
      • 02장 리액트 핵심 요소 깊게 살펴보기 (1)
      • 03장 리액트 훅 깊게 살펴보기 (0)
      • 04장 서버 사이드 렌더링 (0)
      • 05장 리액트와 상태 관리 라이브러리 (0)
      • 06장 리액트 개발 도구로 디버깅하기 (0)
      • 07장 크롬 개발자 도구를 활용한 애플리케이션 분.. (0)
      • 08장 좋은 리액트 코드 작성을 위한 환경 구축하.. (0)
      • 09장 모던 리액트 개발 도구로 개발 및 배포 환.. (0)
      • 10장 리액트 17과 18의 변경 사항 살펴보기 (0)
      • 11장 Next.js 13과 리액트 18 (0)
      • 12장 모든 웹 개발자가 관심을 가져야 할 핵심 .. (0)
      • 13장 웹페이지의 성능을 측정하는 다양한 방법 (0)
      • 14장 웹사이트 보안을 위한 리액트와 웹페이지 보.. (0)
    • 업무에 활용하는 Node.js (2)
      • 1. 처음 만나는 Node.js (0)
      • 2. 자바스크립트 및 Node.js의 문법 (0)
      • 3. Node.js와 모듈 (0)
      • 4. Node.js에서의 비동기 처리 (2)
      • 5. CLI 도구 개발 (0)
      • 6. Express를 이용한 REST API 서버.. (0)
      • 7. FE 및 BE 개발 (0)
      • 8. 애플리케이션 운용과 개선 (0)
    • 코드잇 스프린트 FS 13기 (42)
      • Weekly Paper (40)
      • 초급 프로젝트(공부의 숲) (1)
      • 중급 프로젝트(최애의 포토) (1)
      • 고급 프로젝트(무빙) (0)
    • 자격증 (2)
      • ADsP (2)
    • 클라우드와 AWS (20)
      • 클라우드와 AWS 기본기 (3)
      • AWS 스토리지 및 데이터베이스 다루기 (5)
      • AWS 네트워킹 및 전송 서비스 (3)
      • AWS 관리 및 거머넌스 서비스 (0)
      • Express 제대로 배포하기 (4)
      • Jest 테스트 프레임워크 (5)
    • 기술면접 대비 (8)

Tag

위클리 페이퍼, JavaScript, Next.js, react, 자바스크립트, Middleware, modernjavascript, modern javascript, jest, 풀스택, 웹 API 디자인, RESTful, aws, Weekly paper, React Query, 모던자바스크립트, 미들웨어, Express, typescript, REST,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2026/11   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Daum Corp. All rights reserved.

티스토리툴바