React 기초, 차근 차근 따라하기

React 기초, 차근 차근 따라하기

3,000원

10

React 기초, 차근 차근 따라하기

웹사이트를 만들 때 필요한 React의 기초를 차근차근 배우고, 동작하는 원리를 자세히 이해합니다.

heart icon

찜하기

share icon

공유하기

🚀 강의 목적과 학습 목표

이 강의는 React의 기본 개념과 핵심 기능을 학습하고, 효율적인 상태 관리를 통해 동적이고 재사용 가능한 컴포넌트를 만드는 방법을 배울 수 있도록 도와드립니다. JSX, React 컴포넌트(props), 상태 관리(useState, Hook, 상태 업데이트, 재렌더링 원리)를 체계적으로 배워보세요! 😊

📍 React의 기본 개념 이해: React가 제공하는 주요 기능과 웹 개발에서의 역할을 학습합니다.
📍 JSX의 문법과 사용법: JSX를 사용하여 HTML과 JavaScript를 결합한 직관적인 UI 설계 방법을 익힙니다.
📍 React 컴포넌트의 구조와 props 이해: 컴포넌트를 설계하고, props를 사용해 데이터와 로직을 전달하는 방법을 배웁니다.
📍 상태 관리 기초 학습: useState를 사용하여 상태를 관리하고, 상태 업데이트와 재렌더링 원리를 체계적으로 학습합니다.


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

📍 React를 처음 배우는 초보 개발자
📍 JSX와 React 컴포넌트를 활용한 효율적인 UI 설계 방법을 배우고 싶은 분
📍 React에서 상태 관리의 기본 원리와 상태 업데이트 방식을 이해하고 싶은 분
📍 React의 재렌더링 원리를 학습하여 성능을 최적화하고 싶은 분

🎁 강의는 이렇게 구성돼요

📍 **React 소개, JSX, 컴포넌트(props), 상태 관리(useState, Hook)**를 단계별로 학습합니다!
📍 상태 업데이트와 재렌더링 원리를 이해하여 React의 동작 방식을 체계적으로 익힙니다!
📍 실전 예제를 통해 재사용 가능한 React 컴포넌트를 설계하고, 동적 UI를 구현하는 방법을 배웁니다!

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

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


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

🙋🏻 질문이 있으신가요?

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


커리큘럼

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

  • Play Icon실전 예제: 간단한 React Counter 컴포넌트
  • Play Icon프로젝트: JSX, 컴포넌트, 상태 관리 종합
  • Play Icon추가 심화: useEffect와 라이프사이클 대응
  • Play IconReact 성능 최적화 맛보기(memo, callback)
  • Play Icon라우팅 기초: React Router로 다중 페이지
  • Play Icon최종 과제: 여러 컴포넌트로 구성된 웹앱