로드맵 썸네일

입문자를 위한 프론트엔드 개발자 커리어 시작하기 - Vue.js

작성자 프로필 이미지

인프런

HTML/CSS
JavaScript
Vue.js

입문 대상

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

795명 참여중

10% 할인

10개 남음전체 구매 적용
쿠폰 받기

로드맵 코스

미국 Glassdoor 발표 2020년 인기/유망 직업 1위, 프론트엔드 개발자!

그런데, 프론트엔드가 대체 뭔가요? 👩‍💻

프로그래밍과 웹 개발에 막 관심을 갖게 되었다면 백엔드와 프론트엔드라는 말을 한번쯤 들어보셨을 텐데요.
프론트엔드란 사용자가 보는 화면으로, 사용자의 행동이 발생하는 곳을 말해요.
웹 페이지에서 눈으로 볼 수 있는 모든 시각적인 요소를 설계하고 구성하는 사람이 바로 프론트엔드 개발자랍니다.
프론트엔드 개발을 위해서는 HTML, CSS, JavaScript 세 가지 언어를 기본으로 알고 있어야 하죠!



하지만,
정말 제대로 프론트엔드 개발을 하려면
이제는 자바스크립트 프레임워크/라이브러리까지 배워야 해요.

편리하게 가져다 쓰세요, 라이브러리📚
기준을 딱! 정해주는, 프레임워크⛳

  • 라이브러리란? 자주 쓰는 코드를 함수로 가공해서 정리해 놓은 것을 재사용할 수 있게끔 해놓은 일종의 코드 모음집이에요.
    이미 다른 개발자들이 잘 짜놓은, 매끈한 코드를 공유받아 쓸 수 있는 도서관(library) 같은 역할을 하죠.  
  • 프레임워크란? 페이지 설계의 토대가 되는 부분을 기술해 놓은 기반 코드(클래스) 및 라이브러리를 제공해 주는 구조를 말한답니다.
    특정 개발 언어로 코드를 짜기 위해 미리 만들어놓은 기준선이라고 생각하면 쉬워요. 

프론트엔드를 개발하기 위해서는 순수 자바스크립트로 코드를 짤 수 있는 역량도 중요하지만, 
최소한 한 가지 이상의 프레임워크/라이브러리를 다루는 것이 필수랍니다.
일정 수준 이상의 코드를 좀 더 빠르고 손쉽게 완성하고 효율적으로 유지보수하기 위한 개발 환경 솔루션을 제공해 주기 때문이죠!

그런데... 이쯤 되면 머리가 아파오죠.
다양한 자바스크립트 프레임워크/라이브러리 중에서, 대체 무엇을 선택해야 할까요?



요새 뜨고 있는 Vue.js,
쉽고 가벼우니까! 🐥

Vue.js를 새로 배워보겠다는 개발자가 46.6%!
요즘 제일 각광받는 자바스크립트 프레임워크는 뷰랍니다.

2018년 프론트엔드 개발자들을 대상으로 실시한 자바스크립트 프레임워크 현황조사에 따르면,
무려 46.6%가 Vue.js를 들어봤고 배우길 희망한다고 응답했어요. (링크)
그만큼 Vue.js는 프론트엔드 개발자들에게 인기가 많고, 장점도 뛰어난 프론트엔드 프레임워크입니다.

HTML과 CSS, JavaScript의 기초를 뗐는데도 여전히 프론트엔드 개발 입문이 멀게만 느껴진다면,
쉽게 다룰 수 있고 생산적인 Vue.js를 통해 실무에 도전해 보세요.



Vue.js로 대세를 따르세요! 🧐

# 쉽고 최신의 프레임워크
자바스크립트 프레임워크 진영의 후발주자, Vue.js는 기존 Angular와 React에 비해 학습이 쉬우며 성능 또한 빠르고 우수합니다. 관련 커뮤니티도 활발한데다, 한글 문서를 공식 제공해 진입장벽이 낮기 때문에 쉽게 익힐 수 있어요.
# 이름값을 제대로
‘뷰’라는 이름처럼, Vue.js는 뷰 모델을 통해 화면상의 내용과 모델의 데이터를 양방향으로 연결하는 데 효과적입니다. 개발자와 적극 협업하고 싶지만 프레임워크가 낯선 디자이너나, 프론트엔드 개발자로 전향을 희망하는 퍼블리셔가 특히 활용하기 좋은 이유죠.

순서대로 학습해보세요! 🏃

프로그래밍 공부, 좀 알아보고 싶은데... 기초라고 해서 덜컥 들었다가 무늬만 기초일까 봐 걱정되시나요?
내가 지금 뭘 모르는지, 무엇부터 배워야 하는지 모르겠다면!
인프런이 제안하는 진짜 입문 기초부터 가볍게 시작해보세요.

로드맵 상세보기

8개 코스

로드맵에 포함된 강의 썸네일
생활코딩의 명불허전 HTML 강의입니다. 웹에 대해 아무것도 모르더라도, 차근차근 듣다 보면 웹을 이해하고 처음으로 코딩을 접해볼 수 있게 될 거예요.

무료

로드맵에 포함된 강의 썸네일
인프런
WEB2 - CSS
웹 페이지를 아름답게 꾸며 주는 CSS에 대해서 학습합니다. 단순한 겉핥기 식의 학습이 아닌, CSS의 원리와 실제를 어렵지 않게 알아갈 수 있어요.

무료

로드맵에 포함된 강의 썸네일
본격적으로 라이브러리, 프레임워크를 활용하기 전 자바스크립트와 CSS 기본기를 탄탄히 쌓아 올리는 강의입니다. 멋지게 움직이는 인터랙티브 웹 장인이 되어보세요!

41,250

55,000

로드맵에 포함된 강의 썸네일
개발자들의 필수 소양, 깃과 깃허브를 배워봅시다. 중급 이상의 코스로 넘어가기 전, 코드를 나누어 관리하는 노하우를 배우면 더욱 쉽게 프론트엔드 개발을 해볼 수 있겠죠?

8,800

11,000

로드맵에 포함된 강의 썸네일
Vue.js의 기본적인 사용법을 이미 익혔다면, 중급 기술인 Vuex, Vue-Router, Http를 학습하며 뷰를 완전히 내 것으로 만들어 볼 수 있도록 해요. 우아한형제들 프론트엔드 개발자 출신 지식공유자가 가르쳐 주는 진짜 실전 뷰 노하우를 배워보세요!

41,250

55,000

10% 할인

10개 남음전체 구매 적용
쿠폰 받기

로드맵 코스 8