로드맵 썸네일

자바스크립트(Javascript) 개념부터 정복까지!

작성자 프로필 이미지

인프런

JavaScript
함수형 프로그래밍
Vue.js
입문 강의 아이콘

입문 대상

6개 강의

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

930명 참여중

15% 할인

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

로드맵 코스

자바스크립트 완전 정복!

웹 개발의 필수 언어 JavaScript! 프론트엔드 개발자의 기본 소양이죠. 

자바스크립트 실력은 프로그래밍을 깊이있게 파악하고 있는지를 판가름하는 만큼 기초가 탄탄해야 합니다. 단순히 자바스크립트 라이브러리만 만질 줄 알아서는 부족해요. 순수 자바스크립트부터 제대로 익혀야 내 코드든, 다른 사람의 코드든 본격적으로 건드리고 활용할 수 있답니다. 디자인 패턴의 의미를 이해하고 시각적 언어를 확립하는 것도 꼭 필요한 능력이구요.

자바스크립트를 제대로 배우고 싶지만 여전히 막연하신가요? 이 로드맵은 웹 개발을 위한 자바스크립트 완전 정복을 도와드립니다. 좋은 웹 애플리케이션을 개발해 사용자들에게 멋진 경험을 선사하세요. 튼튼하게 쌓아올린 자바스크립트 스킬이 여러분을 최고의 프론트엔드 개발자로 성장시켜 줄 테니까요.

이런 분들 주목하세요! 

JavaScript 입문에서 넘어서고 싶은 분
자바스크립트에 대한 이해 없이 jQuery를 복사해서 쓰는 수많은 무늬만 Javascript 개발자를 위한 학습 로드맵입니다. 기본 문법부터 클로저-함수-객체의 개념을 제대로 이해하고 실용적인 프레임워크를 활용 방법까지 학습할 수 있어요.
경험을 쌓을 초급 개발자 or 학생
문법부터 차근차근 진행하다가, 실제 필드에서 개발하는 요소들을 기능단위로 직접 만들어 볼 수 있습니다. 예제를 따라하다 보면 자연스럽게 실제 개발 경험을 쌓을 수 있죠!
JS 개념과 실전을 경험
JS 기본 → 핵심 개념 → 실습 개발 → 프론트엔드 디자인 패턴 → 함수형 패러다임을 단계별로 학습하고 최종 단계에서 그동안의 개념들을 모아 실제 필드에서 할 만한 개발을 진행해 봅니다. JS의 기본을 다지면서 탄탄한 실력을 갖출 수 있어요.
프론트 1도 모르는 백엔드 개발자
나는 백엔드 개발 전문인데 갑자기 프론트로 개발하라고 시킨다구요? 당황하지 마세요! Javascript를 이해하고 빠르게 개발할 수 있도록 도와드리는 강의가 준비되어 있습니다.

이런 걸 배울 수 있어요

JavaScript, 이대로면 제대로 배울 수 있어요!

👨🏻‍💻 내공있는 개발자 되기
이 로드맵은 자바스크립트 기본 원리, 핵심 문법을 익힌 뒤 실습 UI 예제를 직접 개발해보는 구성입니다. 기초부터 탄탄하게 배우는 만큼 순수한 자바스크립트로 웹브라우저를 제어할 수 있는 내공을 기를 수 있죠. jQuery 라이브러리를 활용할 수 있는 건 물론이구요!
👨🏻‍💻 어려운 개념도 자신있게
어렵고 헷갈려도 제대로 짚고 넘어가야 실력이 늘겠죠? this, 콜백, 스코프와 실행컨텍스트, 프로토타입, 클로저 등 자바스크립트 초심자들이 가장 어려워하는 것들을 모아 개념과 동작 원리를 알게 쉽게 설명해 드립니다.
👨🏻‍💻 실무처럼 도전하세요
많이 알아야 모르는 것도 보이기 시작하죠. 실전 경험이 많은 개발자와 막 개발에 입문한 주니어 개발자의 차이는 바로 그 점에서 온답니다. 강의를 따라 직접 쇼핑몰 검색 페이지 예제를 만들어 보세요. 기존 UI개발 방식이 가진 한계, 프레임워크의 필요성 또한 스스로 깨우쳐 볼 수 있어요.
👨🏻‍💻 우아한 코드를 내 손으로
보이는 결과물은 같더라도 초급 개발자와 고급 개발자의 코드 사이에는 뛰어넘기 어려운 간극이 있죠. 함수형 프로그래밍을 통해 고급 개발자로 발돋움해 보세요. 간결하게 작성된, 우아한 자바스크립트 코드를 쓸 수 있도록 도와드립니다. 

이런 분들께 추천드려요!

 

걸음마

이제는 JS 입문 문턱을 넘고 싶은 분

경험이 필요해

실제 개발 경험이 필요한 학생, 초급자

겉핥기 탈출

jQuery 복사해서 쓰기만 하는 개발자

이렇게 갑자기?!

난데없이 프론트 맡게 된 백엔드 개발자

로드맵 코스

로드맵에 포함된 강의 썸네일
생활코딩 - 자바스크립트(JavaScript) 기본
Javascript를 몰라도 누구나 할 수 있어요! 자바스크립트의 기초 문법과 원리를 알아봅니다.

무료

로드맵에 포함된 강의 썸네일
코어 자바스크립트
개념을 좀 더 탄탄히 해볼까요? 자바스크립트 전체를 관통하는 핵심 개념에 대한 흐름을 살펴보는 강의입니다. 초심자들이 가장 어려워하는 this, 콜백, 스코프와 실행컨텍스트, 프로토타입, 클로저 등에 대한 개념과 동작 원리를 알기 쉽게 설명하며 향후 자바스크립트를 학습하는 데에 있어 가이드를 제시해 드립니다.

22,000

로드맵에 포함된 강의 썸네일
실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
이제 우리가 배운 자바스크립트로 뭔가 멋진 걸 만들어 보죠! 쇼핑몰 검색 UI를 만들면서 자바스크립트로 어떻게 개발이 이루어지는지 알 수 있습니다. 더불어 실제 필드에서 어떤 방식으로 개발이 이루어지는지와, 요즘 유행하고 있는 프론트엔드 프레임워크도 배울 수 있어요!

44,000

로드맵에 포함된 강의 썸네일
함수형 프로그래밍과 JavaScript ES6+
ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로 한 함수형 프로그래밍, map/filter/reduce, 파이프라인, 제너레이터를 통한 지연 평가, Promise 합성, 동시성/병렬성, async/await와 비동기 에러 핸들링 등을 배울 수 있습니다. 중급 자바스크립트 개발자로 성장하세요!

55,000

로드맵에 포함된 강의 썸네일
함수형 프로그래밍과 JavaScript ES6+ 응용편
“함수형 프로그래밍과 JavaScript ES6+”의 후속 강의로 함수형 프로그래밍, 이터러블 프로그래밍을 다양하게 응용합니다. 강의를 들으면 에러가 나기 쉬운 i++, j++, if, for, break 등의 명령형 코드를 더이상 작성하지 않을 수 있습니다. 에러율이 적으며 생산성이 높고 아름다운 표현력을 가진 함수형 코드를 작성해보세요!

44,000

15% 할인

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

로드맵 코스 6