React 프론트엔드 개발
로드맵이란?
전문가가 만든 목표를 달성할 수 있는 가장 빠른 길이에요. 스텝을 하나하나 따라가다 보면 목표에 도달할 수 있어요.
STEP 1
STEP 2
STEP 3
STEP 4
STEP 5
STEP 6
Goal
1 / 6
프론트엔드 기본기인 HTML/CSS와 JavaScript 역량을 확실하게 다질 수 있어요.
다양한 프론트엔드 기술 중에서도 가장 많이 활용되는 React를 사용할 수 있어요.
현업에서 주로 사용되는 기술들로 여러 프로젝트를 다룸으로써, React를 자유자재로 쓸 수 있게 돼요.
프론트엔드 개발자가 되고 싶으신 분
웹사이트를 만드는 방법이 궁금하신 분
프론트엔드 기술이 궁금한 백엔드 개발자
완성도 높은 포트폴리오 사이트를 만들어 보고 싶은 분
HTML/CSS 기초 개념, Box Model, Display, 포지셔닝, Float, 반응형 등 웹 퍼블리싱의 기초 개념들을 완벽하게 익힐 수 있는 다양한 웹 퍼블리싱 프로젝트를 구현해 봅니다.
오늘 할 일 기록, 마우스에 반응하는 평면도, 채팅 서비스 등을 만듭니다. DOM 트리 개념을 이해하고 JavaScript 이벤트 객체, 캡쳐링/버블링, 다양한 마우스/키보드/스크롤 이벤트 등의 개념을 이용해 기능을 구현해 봅니다.
가위바위보, 주사위 게임을 진행하고 승패를 기록하는 게임을 만들어 봅니다. React 개발 환경 설정부터 웹사이트 개발, 배포까지 모든 과정을 직접 따라 해보면서 프론트엔드 개발의 기초를 다져보세요.
영화, 음식 칼로리를 기록하고 검색하는 서비스를 만듭니다. useState, useEffect, useRef 사용법을 익히고 주어진 API를 사용해서 React로 게시판 페이지를 구현합니다.
코드잇의 축소 버전, '코드댓' 웹사이트를 만들어봅니다. 클라이언트 앱이 동작하는 원리를 이해하고 React Router 라이브러리를 활용하여 여러 개의 페이지를 가진 웹사이트를 구현해 봅니다.
진다이너스티
모던 자바스크립트
자바스크립트가 무엇인지 알게 된 강의였습니다
대박예감
모던 자바스크립트
자바스크립트 실력과 이해도를 향상시키는데 도움이 되었습니다.
성현234
프로그래밍 핵심 개념 in JavaScript
생각보다 실습이 어려워 애를 먹었지만 다양한 문제들을 접해볼 수 있어서 의미 있는 시간 이였습니다. 언젠가 다시 돌아와 풀지 못한 문제를 풀어내는 순간이 왔으면 좋겠네요 그 순간까지 열심히 하겠습니다.
TheRealMCFly
인터랙티브 자바스크립트
지식이 쑥쑥 올라가는속도가 들립니다!!
강아지는사랑입니다
프로그래밍 시작하기 in JavaScript
영상과 설명이 이해하기 쉬웠어요. 실습코너가 있어서 완전히 내것으로 만들 수 있어요.
tenten
React로 데이터 다루기
짤막하게 유용한 내용만 쏙쏙 학습을 할 수 있어서 좋았습니다. ~~ :)
퀄리티 높은 강의를 만들어요
쉽지만 탄탄하게 실력 쌓고 싶다면?
구성했어요.
몰입도 있게 스스로 학습하고 싶다면?
효율적으로 목표를 달성하고 싶다면?
퀄리티 높은 강의를 만들어요
