로드맵 썸네일

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

인프런

HTML/CSS
JavaScript
Vue.js
입문 강의 아이콘

입문 대상

8개 강의

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

787명 참여중

10% 할인

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

로드맵 코스

미국 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는 뷰 모델을 통해 화면상의 내용과 모델의 데이터를 양방향으로 연결하는 데 효과적입니다. 개발자와 적극 협업하고 싶지만 프레임워크가 낯선 디자이너나, 프론트엔드 개발자로 전향을 희망하는 퍼블리셔가 특히 활용하기 좋은 이유죠.

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

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

로드맵 코스

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

무료

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

무료

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

55,000

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

11,000

10% 할인

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

로드맵 코스 8