

로드맵 코스
코알못도 시작하는
프론트엔드!
프론트엔드(Front-end, FE) 개발자를 아시나요?
우리 눈에 직접적으로 보이는 웹 화면(프론트단)을 HTML과 CSS, JavaScript 등을 활용해 설계, 구성하고 관리하는 웹 개발자를 말하죠.
코딩 경험이 전혀 없지만 프론트엔드 개발자가 되고 싶은 분들이라면 이 로드맵에 주목하세요!
먼저 낫 놓고 HTML, CSS, JavaScript부터 알아봅시다.
그 다음엔 쉽고도 생산적인 Vue.js를 배울 거예요.
2018년 프론트엔드 개발자들을 대상으로 실시한 자바스크립트 프레임워크 현황조사에 따르면, 무려 46.6%가 Vue.js를 들어봤고 배우길 희망한다고 응답할 만큼 인기가 많답니다. (출처 링크)
코딩의 ‘코’자도 모르고 시작하는 비전공자라도 프론트엔드 개발에 입문할 수 있게 도와드릴게요!
(😁 이미 HTML, CSS, JavaScript를 알고 있다면? 이 로드맵을(링크) 더 추천합니다.)
해내면 얻게 되는 것들 🔨
프론트엔드, Vue.js로 대세를 따르세요

# 쉽고 최신의 프레임워크
자바스크립트 프레임워크 진영의 후발주자, Vue.js는 기존 Angular와 React에 비해 학습이 쉬우며 성능 또한 빠르고 우수합니다. 관련 커뮤니티도 활발한데다, 한글 문서를 공식 제공해 진입장벽이 낮기 때문에 쉽게 익힐 수 있어요.
자바스크립트 프레임워크 진영의 후발주자, Vue.js는 기존 Angular와 React에 비해 학습이 쉬우며 성능 또한 빠르고 우수합니다. 관련 커뮤니티도 활발한데다, 한글 문서를 공식 제공해 진입장벽이 낮기 때문에 쉽게 익힐 수 있어요.

# 이름값을 제대로
‘뷰’라는 이름처럼, Vue.js는 뷰 모델을 통해 화면상의 내용과 모델의 데이터를 양방향으로 연결하는 데 효과적입니다. 개발자와 적극 협업하고 싶지만 프레임워크가 낯선 디자이너나, 프론트엔드 개발자로 전향을 희망하는 퍼블리셔가 특히 활용하기 좋은 이유죠.
‘뷰’라는 이름처럼, Vue.js는 뷰 모델을 통해 화면상의 내용과 모델의 데이터를 양방향으로 연결하는 데 효과적입니다. 개발자와 적극 협업하고 싶지만 프레임워크가 낯선 디자이너나, 프론트엔드 개발자로 전향을 희망하는 퍼블리셔가 특히 활용하기 좋은 이유죠.
이런 분들께 추천드려요!

코알못
코딩의 코자도 모르는 비전공자, 비개발자

작심삼일
프로그래밍 공부 맘만 먹고 시작도 못 한 분

포폴도 면접도 시급해
프론트엔드 개발자 취업 희망 대학생, 입문자

개자이너?
웹디자인과 개발 모두 잡고픈 디자이너
로드맵 상세보기
총 8개 코스


인프런
코어 자바스크립트자바스크립트를 사용하지만 정확히 뭐가 뭔지 모르고 쓰는 분들을 위해 핵심을 정리한 축복 같은 강의입니다. 길을 잃은 내 JS 공부를 도와줄 강의를 들어보세요!
₩22,000