💬 과목 소개
프론트엔드의 핵심 기술인 React의 문법을 학습하고 간단한 TodoLIST를 만들어 보면서 웹 어플리케이션의 핵심 동작 원리에 대해 이해합니다.
이를 위해 최신 JavaScript 문법과 Props , State Hooks와 같은 React의 기능들을 배우고
최종적으로 인스타그램을 클론하여 나만의 프론트엔드 포트폴리오를 만들어봅니다.
👤 수업 목표 & 수강대상
프론트엔드 개발자로 취업하기 위해 React의 기본 문법을 익히고 싶은 분
동적인 웹 페이지를 만들어보고 싶은 분
웹 프로젝트를 통해 나만의 프론트엔드 포트폴리오를 만들고 싶은 분
📂 커리큘럼
1. 자바스크립트 베이직
자바스크립트/제이쿼리를 처음 시작하는 분들을 위한 입문 레벨 수업입니다.
자바스크립트 소개
자바스크립트 기초 문법 및 활용
제이쿼리의 소개
도전! 크로켓 경기 소개 페이지 만들기
2. React 기초 1
React에 대한 가장 기본적인 개념을 배우고,
다양한 컴포넌트를 만들 고 이를 조합해 하나의 App을 만들 수 있도록 학습합니다.
오리엔테이션과 React의 특징
최신 JavaScript 문법 알아보기
React 프로젝트 생성
JSX 와 컴포넌트
3. React 기초 2
Props 와 State Hook을 이용하여 React웹 어플리케이션을 제작해봅니다.
이벤트처리와 유용한 팁들을 통해 React를 보다 많이 활용할 수 있도록 문법을 학습합니다,
Props와 State
이벤트 처리
Hooks
종합실습 TodoList 만들기
4. 인스타그램 클론 코딩
스스로 프로젝트를 만들어보기 어려운 분들을 위해 가볍게 따라하며 인스타그램 App을 Recat로
만들어봅니다. 프론트엔드 웹이 어떻게 구성되고 동작하는지 학습합니다.
인스타그램 클론코딩 - 컴포넌트 구현
인스타그램 클론코딩 - 기능 구현