[카카오테크 부트캠프] 7일차 회고

7월 9일 화요일!

오늘의 강의 목표

• React의 기본 개념과 구조를 이해하기
  • React의 기본 개념과 컴포넌트 구조를 습득하여, React 애플리케이션을 시작하고 관리할 수 있습니다.
  • JSX 문법을 활용하여 UI를 구성하고, 클래스 컴포넌트와 함수형 컴포넌트를 구분하여 사용할 수 있습니다.
• React에서의 상태(State) 관리와 이벤트 처리 방법 습득하기
  • useState와 useReducer를 이용하여 React 애플리케이션에서 상태를 효과적으로 관리할 수 있습니다.
  • 다양한 이벤트 핸들링 기법을 사용하여 사용자 인터랙션을 처리하고, 이벤트 핸들러를 바인딩하는 방법을 이해합니다.

• 고급 상태 관리 기법과 React 생명주기 이해하기
  • useEffect 훅을 활용하여 컴포넌트 생명주기를 관리하고, 필요에 따라 사이드 이펙트를 처리할 수 있습니다.
  • Context API를 사용하여 전역 상태를 관리하고, 여러 컴포넌트에서 공유할 수 있는 데이터를 구성하는 방법을 익힙니다.

React 소개(https://shyunk223.tistory.com/507)

• React란?
• React의 가상 DOM 개념과 장점
• 주요 React 라이브러리 및 도구 소개

React 컴포넌트(https://shyunk223.tistory.com/508)

• 컴포넌트란 무엇인가?
• 컴포넌트의 종류
• 함수형 컴포넌트의 특징
• 클래스형 컴포넌트의 특징
• JSX란 무엇인가?
• JSX의 장점
• JSX 특징
• Key
• React Hooks

상태(State)와 속성(Props)(https://shyunk223.tistory.com/509)

• 상태(State)
• 속성(Props)
• childen 속성

React에서 이벤트 처리하기(https://shyunk223.tistory.com/510)

• 이벤트 처리 기본 개념
• 이벤트 처리 방법
• 주요 이벤트 종류

React 생명주기(https://shyunk223.tistory.com/511)

• React 생명주기

useState와 useReducer를 이용한 상태 관리(https://shyunk223.tistory.com/512)

• useState
• useReducer

Context API를 이용한 상태 관리(https://shyunk223.tistory.com/513)

• 전역 상태 관리가 필요한 이유
• Context API 사용해 보기
• Context API 사용 시 고려 사항
• 다양한 전역 상태 관리 라이브러리

실습 - 테마 전환 기능 구현하기