인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
로드맵 썸네일

견고한 웹 프론트엔드 개발자 되기

작성자 프로필 이미지

인프런

JavaScript
Vue.js
Node.js

초급 대상

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

684명 참여중

15% 할인

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

로드맵 코스

견고하고 가치있는 서비스를 만드세요!

웹 서비스의 복잡도가 증가하고, 사용성 또한 중요하게 여겨지면서 웹 프론트엔드(Front-end) 개발자의 중요성과 수요가 나날이 커지고 있습니다. 그래서 많은 좋은 기업들이 프론트엔드 개발자를 구인하고 있고, 또 그만큼 높은 연봉과 좋은 대우를 받는 직종이기도 해요. 하지만 누구나 좋은 웹 프론트엔드 개발자가 될 수 있는 건 아니죠.

그럼 좋은 웹 프론트엔드 개발자는 어떤 모습일까요? 탄탄한 JavaScript 기본기를 통해 견고한 서비스를 만들어낼 수 있어야 사용자들에게 좋은 서비스 경험을 제공할 수 있지 않을까요? 기본적인 HTML - CSS - JS를 알고 계신 분들을 대상으로 좋은 프론트엔드 개발자가 되기 위한 최고의 길을 알려드립니다.

이런 것을 배울 수 있어요

웹 프론트엔드, 단계별로 도장깨기 도전! (HTML, CSS, JS를 알고 계신 분들 대상이예요.)

👨🏻‍💻 뼈대를 잡아줍니다
자바스크립트 기본기는 좋은 프론트엔드 개발자의 제일 큰 자산이예요. 어떻게 자바스크립트를 공부할지 벽에 부딪히신 분들부터, 그동안 애매하게 넘긴 개념이 많아 걱정되는 분들까지 개념과 핵심을 재정립하도록 도와줍니다.
👨🏻‍💻 조언을 듣듯 따라가세요
아무것도 모르겠다는 막막한 기분으로 혼자 끙끙대지 마세요. 경험이 풍부한, 좋은 사수가 옆에서 함께 프로젝트를 진행해나가며 조언을 해주듯 차근차근 강의를 이끌어 줄 테니까요.
👨🏻‍💻 피와 살이 되는 노하우
디자인 패턴을 어떻게 이해해야 할지, 순수 JS와 요새 유행하는 JS 프레임워크가 어떻게 다른지... 알 사람은 다 아는데 꼭 나만 모르는 것 같은 웹 프론트엔드에 대한 쓸모있는 팁과 노하우를 알려드려요.
👨🏻‍💻 실전도 자신있게
실전에서의 감각은 설명만 듣는다고 얻을 수 있는 게 아니죠. 직접 예제를 따라 프로젝트를 개발해보면서 TDD(테스트 주도 개발)을 경험해 봅시다.

내 손으로 만들어보세요!

1. 쇼핑몰 UI 개발 프로젝트

2. 트렐로 UI/UX 개발

이런 분들께 추천드려요!

 

워너비!

(좋은) 프론트엔드 개발자 되고 싶은 분

멘붕

자바스크립트 독학 중 벽에 부딪힌 분

갈증 300%

튼튼 기본기, 좋은 사수의 조언에 목마른 분

두뇌 풀가동

프론트엔드를 이해하고픈 백엔드 개발자

로드맵 상세보기

5개 코스

로드맵에 포함된 강의 썸네일
JS Flow 강좌는 ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다. 자바스크립트 초심자들이 가장 어려워하는 this, 콜백, 스코프와 실행컨텍스트, 프로토타입, 클로저 등에 대하여 개념 및 동작 원리를 알기 쉽게 설명함으로써, 수강생들이 향후 자바스크립트를 학습하는 데에 있어 가이드를 제시해 드립니다.

16,500

22,000

로드맵에 포함된 강의 썸네일
Vue.JS라는 UI Library를 학습하는 강의로 쇼핑몰 검색 페이지를 만들어 봅니다! 먼저는 순수 자바스크립트를 이용해 가장 많이 쓰이는 MVC 디자인 패턴으로 구현 합니다. 그리고나서 Vue.JS로 MVVM 디자인 패턴을 개발하면서 라이브러리의 장점에 대해 알아보구요. 마지막으로 컴포넌트를 공부하면서 어떻게 UI를 모듈화 하고 조립하여 화면을 구성할수 있는지 알아보겠습니다.

33,000

44,000

로드맵에 포함된 강의 썸네일
이 강의에 오신 분은 Vuejs 기본 사용법을 이미 익히셨을 겁니다. 단순히 UI만 변경하는 것을 넘어, 온전한 웹 어플리케이션을 구현하기 위한 지식을 필요로하신 분들일테지요. 그렇다면 잘 오셨습니다! 우리는 트렐로라는 인기 어플리케이션의 핵심 기능을 따라 만들면서 심도있는 기술을 학습할 거니까요.

41,250

55,000

로드맵에 포함된 강의 썸네일
같은 기능을 만들더라도 자바스크립트 문법을 이제 막 뗀 주니어 개발자와 경험 많은 시니어 개발자의 코드는 상당히 다릅니다. 물론 결과물은 같더라도 말이죠. 후자의 코드가 인정받는 이유는 짜임새 있는 설계와 변화에 대응할수 있는 확장성 때문일거에요. 이 강의는 그런 좋은 코드를 만들어 내는 방법에 대해 알아봅니다.

20,630

27,500

로드맵에 포함된 강의 썸네일
개발 환경을 구성하고 자동화할 줄 알아야 실무 생산성이 훨씬 높아진다는 사실, 알고 계신가요? 이 강의에서는 Node.js, Webpack, Babel, Sass, Prettier, ESLint 등 프론트엔드 개발자가 직접 처음부터 개발 환경 구성을 만들고, 기존 개발 환경을 이해할 수 있도록 도움을 주는 강의입니다.

51,980

69,300

15% 할인

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

로드맵 코스 5