React로 실전 프론트엔드 역량 완성
#실전웹개발 #JavaScript #React
프론트엔드 개발이 막막한 분을 위한 A to Z
혹시 평소에 이런 생각 해보지 않으셨나요?
어디서부터 어떻게 시작해야 할지 너무 복잡하고 막막해요
프론트엔드 웹 개발 실무 역량이 부족한 것 같아요
실제로 퀄리티 높은 웹 사이트를 구현하고 싶어요
완성도 높은 포트폴리오 사이트를 만들어 보고 싶어요
이 강의를 듣고 나면 이런 핵심 역량을 갖춘 인재가 돼요
프론트엔드 기본기인 HTML/CSS와 JavaScript 역량을 확실하게 다져요
현업에서 주로 사용되는 기술들로 여러 프로젝트를 다룸으로써, React를 자유자재로 쓸 수 있게 돼요
TypeScript, React Query, Styled Components 등 React를 더욱 효과적으로 사용할 수 있도록 도와주는 기술들을 익혀요
AWS를 통해 실제로 웹 서비스를 배포할 수 있어요
기초부터 차근차근 따라오기만 하면 됩니다
프로그래밍 기초 원리부터 실무에 사용되는 웹 개발 기술까지
프론트엔드의 핵심 기술을 단계적으로 익히면서,
스스로 결과물을 완성할 수 있는 실력에 도달할 거예요.
개발자가 되어 아이디어를 실현할 수 있게 되었어요. - 개발자 강귀영님
44만뷰 이상의 조회수를 기록한 MBTI 서비스 개발 - Kat님
비전공자도 OK! 웹 개발 기초부터 실전 프로젝트까지 완벽하게
상세 커리큘럼
화살표를 클릭해서 상세 내용을 확인해 보세요
1단계 웹 개발 시작하기
2단계 프로그래밍 기초 in JavaScript
3단계 웹 퍼블리싱
4단계 JavaScript 중급
5단계 React 프론트엔드 개발
6단계 기술 스택 넓히기
탄탄한 기초를 바탕으로 결과물까지 확실하게
실전 프로젝트까지 체계적으로 구성된 로드맵으로
누구나 완성도 높은 웹 사이트를 구현할 수 있어요.
Project 1. 가위바위보, 주사위 게임
가위바위보, 주사위 게임을 진행하고 승패를 기록하는 게임을 만들어 봅니다. React 개발 환경 설정부터 웹사이트 개발, 배포까지 모든 과정을 직접 따라 해보면서 프론트엔드 개발의 기초를 다져보세요.
Project 2. 푸드잇
음식 칼로리를 기록하고 검색하는 서비스를 만듭니다. useState, useEffect, useRef 사용법을 익히고 주어진 API를 사용해서 React로 게시판 페이지를 구현합니다.
Project 3. 코드댓
코드잇의 축소 버전, '코드댓' 웹사이트를 만들어봅니다. 클라이언트 앱이 동작하는 원리를 이해하고 React Router 라이브러리를 활용하여 여러 개의 페이지를 가진 웹사이트를 구현해 봅니다.
Project 4. 코드스터딧
공부 기록을 공유하는 SNS인 '코드스터딧'이라는 웹사이트를 만들어봅니다. 리액트 쿼리의 기능을 활용하여 사이트의 다양한 요소들을 구현해 봅니다.
자체 제작 100% 고퀄리티 강의를 경험해 보세요
성의 없는 PPT 자료? 몰아치는 학습 내용? NO!
이해를 돕는 고퀄리티 시각 자료와 상세한 강의 내용을 체험해 보세요!
공부 습관을 완성하는 코드잇만의 학습 시스템
5분 내외의 짧은 강의로
부담 없이 공부
이것저것 설치 필요없이
자체 코딩 실행기로 실습
학습 속도를 체크해주는
페이스메이커
게임하듯이 재미있게 공부하는
동기부여 시스템
궁금할 때 마다 바로 질문하고 해결하는
AI GURU
기다리지 말고 커뮤니티에
실시간 도움 요청
타사 온라인 강의 하나 가격에 4,000+ IT 강의를 무제한으로
코드잇 멤버십을 구독하면 프론트엔드 웹 개발 뿐만 아니라
백엔드, 데이터 분석, 머신러닝/딥러닝, 챗GPT, IT 교양, 디자인 등
원하는 모든 강의를 무제한으로 수강할 수 있어요!
