React 컴포넌트와 상태관리, 완벽 정복하기

React 컴포넌트와 상태관리, 완벽 정복하기

3,000원

10

React 컴포넌트와 상태관리, 완벽 정복하기

React 컴포넌트와 상태관리를 완벽하게 이해하고, 실제로 사용하는 방법을 배워보세요!

heart icon

찜하기

share icon

공유하기

🚀 강의 목적과 학습 목표

이 강의는 React의 컴포넌트와 상태 관리 심화 개념을 학습하고, 컴포넌트 생명주기 및 데이터 전달 방식을 이해하며, 실전에서 활용할 수 있는 고급 기술을 익히는 데 도움을 드립니다. 컴포넌트 생명주기(LifeCycle, useEffect), 데이터 전달(props, callback props, Context API), React Event Handler를 심도 있게 배워보세요! 😊

📍 컴포넌트 생명주기 이해: React 컴포넌트의 생성, 업데이트, 소멸 단계를 학습하고, useEffect를 활용하여 생명주기 관련 로직을 작성하는 방법을 익힙니다.
📍 컴포넌트 간 데이터 전달: props와 callback props를 통해 컴포넌트 간 데이터를 주고받는 방법을 학습합니다.
📍 Context API 활용법: Context API를 사용하여 상태와 데이터를 효율적으로 관리하고 공유하는 방법을 배웁니다.
📍 React Event Handler: 사용자 상호작용을 처리하기 위한 React 이벤트 핸들러 작성 및 활용 방법을 익힙니다.


👩🏻‍💻 이런 분을 위해 만들었어요

📍 React 컴포넌트 생명주기와 상태 관리 심화를 배우고 싶은 초보 및 중급 개발자
📍 컴포넌트 간 데이터 전달 방식(props, callback props)을 명확히 이해하고 싶은 분
📍 Context API를 사용하여 글로벌 상태를 효율적으로 관리하고 싶은 분
📍 React 이벤트 핸들러를 활용해 사용자 상호작용을 처리하는 기술을 배우고 싶은 분

🎁 강의는 이렇게 구성돼요

📍 **컴포넌트 생명주기(LifeCycle, useEffect)**를 활용해 컴포넌트의 상태와 동작을 관리하는 방법을 배웁니다!
📍 props, callback props, Context API를 통해 컴포넌트 간 데이터를 전달하고 효율적으로 관리하는 방법을 익힙니다!
📍 실전 예제를 통해 React Event Handler를 작성하고 사용자 상호작용을 처리하는 기술을 학습합니다!

💻 쉽게 이해되는 3분할 화면

위코드는 여러분이 최대한 쉽게 이해할 수 있도록 모든것을 준비했습니다. 강의 영상의 핵심 내용을 실시간으로 정리해 드리고, 직접 수정하고 실행해볼 수 있는 코드까지 실시간으로 제공하는 위코드만의 코딩 강의 플랫폼에서 재밌고 쉽게 학습하세요!


📍 모바일에서도 쉽게 볼 수 있는 세로 비율의 강의 영상
📍 강의 내용을 이해하기 쉽도록 실시간 핵심 내용 정리
📍 강의 내용 흐름에 맞추어 실시간 업데이트 되는 코드 에디터
📍 직접 수정해보고 실행도 할 수 있는 코드

🙋🏻 질문이 있으신가요?

링크를 통해 위코드 코딩 질문방으로 오세요!
위코드 스태프들이 직접 친절하게 알려드립니다! 🫡
👉 위코드 코딩 질문방으로 들어가기 (비밀번호: wecode)


커리큘럼

미리보기를 통해 콘텐츠를 확인해보세요.

  • Play Icon실전 예제: 컴포넌트 생명주기&데이터 전달 시나리오
  • Play Icon프로젝트: 복잡한 상태가 필요한 React 웹앱
  • Play Icon추가 심화: 최적화(React.memo, useCallback 등)
  • Play IconRedux(or Recoil)와 비교: 언제 Context를 쓸까?
  • Play Icon테스트와 디버깅: 이벤트 핸들러 검증하기
  • Play Icon최종 과제: 컴포넌트+상태관리 종합 앱 완성