BEST

개발 · 프로그래밍

프로그래밍 언어

코어 자바스크립트

Name: 코어 자바스크립트
Price: 22000 KRW

ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다.

(4.8) 수강평 293개

수강생 4,052명

정재남

JavaScript

초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

이런 걸 배울 수 있어요

자바스크립트의 핵심 개념
기본 데이터 타입과 참조 데이터 타입의 차이
실행 컨텍스트의 이해
this 키워드의 다양한 사용법
콜백 함수의 개념과 사용법
클로저의 개념과 활용
프로토타입의 이해와 객체지향 프로그래밍
클래스와 상속 구현

📢 강의 리뉴얼 안내

2021.8.26 리뉴얼 강의가 섹션 0에 업데이트 되었습니다.
기존 커리큘럼(섹션 1, 섹션 2)은 참고용으로 수강을 부탁드립니다. :)

강의 소개 📖

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

이런 분들께 추천해요 🙋‍♀️

_{자바스크립트 개발자 및 지망생}

_{기본기에 갈증을 느끼는 실무자}

_{개념을 애매하게 알아 자신감이 없는 분}

_{자바스크립트를 독학하다 한계를 느끼는 분}

_{자바스크립트가 어렵고 재미없다고 느끼는 분}

_{학습 방법이나 방향성을 중간 점검하고 싶은 분}

강의 난이도 🤓

변수 선언 방식, 반복문과 조건문, 데이터 타입 별 기본 메소드들, 형변환 및 연산자, 표현식 등은 이미 알고 있다는 전제 하에 강의를 진행합니다.
위 내용들을 전혀 모르는 분이라면 얻어가실 게 생각보다 많지 않을 수도 있습니다.
다만 온라인 강의의 특성상 일단 귀로 눈으로 담아 놓는 것만으로도 충분한 가치가 있으며, 향후 해당 파트를 학습하실 때 복습하시면 큰 도움이 될 수 있을 것입니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

자바스크립트를 깊이 있게 배우고 싶은 분
프론트엔드 개발자
자바스크립트의 내부 구조를 이해하고 싶은 분
객체지향 프로그래밍에 관심 있는 분
메모리 관리와 데이터 타입에 대해 배우고 싶은 분

선수 지식,
필요할까요?

변수선언방식
반복문과 조건문
데이터 타입 별 기본 메소드
형변환 및 연산자
표현식

안녕하세요
정재남입니다.

31,662

명

수강생

651

개

수강평

392

개

답변

4.9

점

강의 평점

개

강의

안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.

저서: 코어 자바스크립트

유튜브 채널: FE재남

아티클 및 인터뷰 영상:

원티드) 신입 개발자, 뭘 공부해야 하죠? https://www.wanted.co.kr/events/22_02_s01_b01
인프런) To. 주니어 개발자 https://www.inflearn.com/pages/for-junior-developers-20211207
벤처이몽) 벤처/스타트업 시니어 개발자와 주니어 개발자의 솔직담백 토크쇼 https://youtu.be/6D7I4NNFHsU?si=nD6-F7EU_ZtYqDLI
바닐라코딩) 프론트엔드 개발자 취업 마인드셋 https://youtu.be/zX68pyoLctI

커리큘럼

전체

8개 ∙ (1시간 57분)

섹션 1. (MAIN) 코어 자바스크립트

8개 ∙ (1시간 57분)

1. Intro
02:40
2. 데이터 타입
17:42
3. 실행 컨텍스트 (execution context)
19:44
4. this
21:48
5. 콜백 함수 (callback function)
11:13
6. 클로저 (closure)
11:20
7. 프로토타입 (prototype)
13:26
8. 클래스 (class)
19:09

강의 게시일: 2017. 12. 27.

마지막 업데이트일: 2025. 05. 13.

수강평

전체

293개

4.8

293개의 수강평

유영기
수강평 8
∙
평균 평점 4.9
2020. 03. 08.
5
100% 수강 후 작성
정재남 님이 처절하게 득한 것을 너무 날로 먹은 것 같아 죄송하고 감사합니다.
김상규
수강평 1
∙
평균 평점 3.0
2019. 08. 23.
3
61% 수강 후 작성
*내용은 좋습니다. 그렇지만 유료로 듣긴 좀 아쉽단 생각입니다. 무료 또는 3천 이하 강의면 좋겠습니다. 보니 강사님의 후속 강의가 있더군요. 본 강의에 만족한 사람들이 후속강의를 듣고 거기서는 유료로 하는게 적절하지 않을까 생각됩니다. *다른 사람들 글을 보니 설명이 빠르다 하던데 단순히 설명이 빨라서 이해가 어려운게 아니고 장표와 설명을 매치시키는 기법이나 설명을 사례나 예시를 들어 해준다거니 이런 부분이 부족하지 않나 싶습니다. 사실 듣는 내내 스트레스를 받게 됩니다. 이게 뭐지 뭐지하면서 stop을 시켜야해서요... *인사이트자바 책을 보다가 이 강의를 듣게 되었는데... 다루는 주제는 비슷하네요. 그러나 이 강의의 성격이 애매합니다. 인사이트자바 보다 넓은 영역을 취급하는것도 아니고 인사이트자바만으로 이해하기 어려웠던 핵심 개념을 잘 이해할수 있게 해주는 것도 아니고... 제가 이 강좌를 결제하면서 기대했던 내용은 인사이트를 잘 이해할 수 있는 보조 강좌면 딱 좋겠다였는데 그런 역할에는 좀 부족했단 생각되네요. 이 개념 하나 잡은 건 돈과 시간이 아깝지 않다는 생각은 들었어야하는데 ㅠㅠ
- 정재남
  지식공유자
  2024. 03. 25.
  리뉴얼 이전의 수강평인 점 참고 부탁드립니다.
갭알자
수강평 3
∙
평균 평점 5.0
2019. 03. 23.
5
61% 수강 후 작성
훌륭한 강의 여태 들었던 자바 강의와는 좀 많이 다른데요. 대부분 강의가 기초적인 부분부터 쭉 훑어나간다고 하면, 이 강의는 핵심적인 맥락을 짚어준다고 할 수 있습니다. 솔직히 변수, 배열 같은 건 유투브에 자바 강의치면 많이 나오는 거잖아요. 콜백이라던가, 스코프 등 학생들이 헷갈려하는 부분, 좀 더 생각해봐야할 부분에 좀 더 집중할 수 있도록 도와주는 면에서 추천합니다. 오히려 전문 강사님이나 교수님이 아니라서 강의 풀어나가는 방식이 생소할 수도 있는데요. 전 의외로 신선하고 좋았습니다.
Rechel
수강평 11
∙
평균 평점 5.0
2020. 04. 27.
5
25% 수강 후 작성
옆구리에서 쿡 찔러줘서 누군가가 알려줬더라면 .. 이라는 말에 공감을 안할수가 없네요. 독학으로 시간이 많이 들었었다, 내가 들인 시간으로 누군가의 옆구리를 찔러주고 싶다. 확신을 주고 싶다. 독학하면서도 왜 이 것이 중요한지 알고 싶었다. 여러 등등 부록의 Intro에서 찡했습니다. 동일한 독학의 시절이 있었지만 저는 포기했던 사람입니다. Flow 강의부터 지금 저의 옆구리로 찔러주시니 이번엔 포기 않을 것 같네요. 감사합니다.
식빵
수강평 31
∙
평균 평점 4.9
2020. 08. 01.
5
25% 수강 후 작성
사실 아무것도 모르던 때 들었을 때는 중간에 포기했습니다. 정말 이해가 안 갔거든요. 그런데 취업도 하고 계속 따로 공부하면서 헤매다가 우연히 다시 들었는데... 여태 헷갈렸던 점들이 해결되고 덤으로 그것들을 정돈해주는 강좌였습니다. 만약 저처럼 prototype이나, Execute Environment 와 Lexical Environment 등의 개념에 대해서 헤매시는 분들이 있다면 꼭 들어보는 것을 추천합니다. (다만 정말 자바스크립트를 처음하시는 분들이라면 듣는 걸 추천하지는 않습니다!)

정재남님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

[React / VanillaJS] UI 요소 직접 만들기 Part 2

정재남

대표적인 UI 요소들을 React 버전 및 순수 JavaScript 버전으로 만들어 보면서, Web API를 활용한 다양한 관점과 방법을 경험하고, 프론트엔드 개발 실력을 한층 끌어올려 보세요.

초급

React, vanilla-js, ui

풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

정재남

개발부터 배포까지! 하나의 서비스를 완성하기 위한 험난한 여정을 여과없이 보여드립니다. 처음 써보는 기술들을 잔뜩 도입하여 좌충우돌 우당탕탕하면서도 어떻게든 헤쳐나갈 수 있어요!

초급

React, GraphQL, Firebase

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

정재남

React 기반의 간단한 SNS 서비스를 만들면서 REST API 및 GraphQL을 연습합니다. 프론트엔드 개발을 위한 백엔드 환경을 쉽고 간단하게 만드는 방법을 소개합니다.

초급

REST API, GraphQL, React

모던 자바스크립트 딥다이브 스터디

정재남

《모던 자바스크립트 딥다이브》 책 내용을 그대로 따라가는 스터디 영상입니다. 함께 공부하면 훨씬 쉬워질 거에요!

초급

JavaScript

[React / VanillaJS] UI 요소 직접 만들기 Part 1

정재남

초급

React, vanilla-js, ui

리액트 공식문서 함께 공부하기

정재남

2023년 리뉴얼된 React 공식 문서를 함께 학습해요.

입문

React, JavaScript, react.js

이펙티브 타입스크립트 스터디

정재남

《이펙티브 타입스크립트》 책 내용을 그대로 따라가는 스터디 영상입니다. 함께 공부하면 훨씬 쉬워질 거에요!

초급

TypeScript

Javascript ES6+ 제대로 알아보기 - 보너스

정재남

ES6+ 제대로 알아보기 강좌는 Javascirpt의 ES6 및 이후의 표준 ECMAScript 명세에 대하여 이론을 바탕으로 ES5와 달라진 점 및 개념과 동작 원리를 깊이 있게 알려드립니다.

초급

JavaScript, ES6

Javascript ES6+ 제대로 알아보기 - 중급

정재남

ES6+ 제대로 알아보기 강좌는 Javascript의 ES6 및 이후의 표준 ECMAScript 명세에 대하여 이론을 바탕으로 ES5와 달라진 점 및 개념과 동작 원리를 깊이 있게 살펴봅니다.

중급이상

JavaScript, ES6

Javascript ES6+ 제대로 알아보기 - 초급

정재남

초급

JavaScript, ES6

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

실전 자바스크립트

이재승

자바스크립트에 대한 깊이 있는 이해를 원하시는 분에게 적합한 강의입니다. 2020년 기준 자바스크립트 최신 문법을 다룹니다.

중급이상

JavaScript, ES6

따라하며 배우는 타입스크립트 A-Z

John Ahn

이 강의를 통해 타입스크립트에 대해서 배울 수 있습니다.

초급

TypeScript, JavaScript

React 완전 끝내기: useHoooooook

김영보

넓고 깊으면서 자세하게 React의 state와 hook을 배울 수 있습니다. React 공식 문서의 95% 이상을 다룹니다. 본 강좌로 React를 끝낼 수 있습니다.

초급

React, JavaScript, DOM

시나브로 자바스크립트

이은재

자바스크립트로 다양한 주제를 바닥부터 개발해 보며 튼튼한 실력의 기반과 자신감을 쌓아보세요.

중급이상

JavaScript, vanilla-js

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

중급이상

Tensorflow, JavaScript, 머신러닝

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

왕초보도 할 수 있는 웹, 서버, 모바일 앱, 머신러닝까지 익히는 끝판왕 풀스택 강의!! 개발을 어디서부터 시작할지 막막했다면 이 강의를 강력 추천할게요. Javascript 하나로 진행합니다!

입문

JavaScript, React, Node.js

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

효빈 Hyobin

기본 문법부터 심화 개념까지 학습하면서, 바닐라 자바스크립트로 SPA를 개발해 봅시다🔥

초급

JavaScript, SPA, DOM

자바스크립트 : 기초부터 실전까지 올인원

코딩알려주는누나

자바스크립트 기초강의, 응용강의, 포트폴리오 전용강의 따로따로 찾아 볼게 아니라, 강의하나로 자바스크립트 기초부터 현업이 쓰는 다양한 응용 기술, 포트폴리오 까지 다 끝내고 싶으신 분들을 위한 강의입니다.

초급

JavaScript, HTML/CSS

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

중급이상

디자인 패턴, 객체지향, TypeScript

자바스크립트 Class로 떠나는 여행

The Oreum

자바스크립트는 Class를 왜 사용할까? Class가 등장하기 이전에는 어떻게 객체지향프로그래밍을 구현했을까? 자바스크립트를 공부하다보면 한번쯤 가져볼만한 문제에 대한 해답을 찾아 가벼운 여행을 떠나봅니다.

초급

JavaScript, 객체지향, frontend

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

제주코딩베이스캠프

제주에서 진행하는 부트캠프를 온라인으로! 빠르게 자신만의 서비스를 만들어보세요! :)

입문

HTML/CSS, JavaScript, Python

JavaScript 알고리즘 베스트 10

The Oreum

가장 많이 출제되는 유형을 담은 'JavaScript 알고리즘 베스트 10'을 통해 문제의 핵심을 찾아 풀이하는 능력을 키워보세요!

중급이상

JavaScript, 코딩 테스트, 알고리즘

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

정현우

아이디어는 있는데 앱을 어떻게 개발해야할지 몰랐던 분들, 실전 프로젝트 4개를 만들어보면서 앱 개발을 마스터해봅시다!

입문

JavaScript, React, Node.js

<M.B.I.T> 테스트 페이지 만들기! with Django

제주코딩베이스캠프

개발 유형을 테스트하는 웹 페이지를 만들어보세요! MBTI아닌 MBIT(My Best IT personalities)! 'MBIT 테스트 페이지'를 직접 만들어보며 웹 개발의 전반적인 프로세스를 익혀볼 수 있습니다. (Django 3.1 버전을 사용합니다.)

초급

HTML/CSS, JavaScript, Django

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

초급

HTML/CSS, JavaScript, jQuery

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

초급

HTML/CSS, JavaScript, 클론코딩

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

JavaScript, 면접, 기술면접