BEST

Programming

Programming Language

Core JavaScript

Name: Core JavaScript
Price: 22000 KRW

This lecture examines the overall flow of core concepts that run through all of JavaScript up to ES6.

(4.8) 300 reviews

4,091 learners

jaenam

3시간 만에 완강할 수 있는 강의 ⏰

JavaScript

Reviews from Early Learners

What you will learn!

Core concepts of JavaScript
Difference between basic data types and reference data types
Understanding the execution context
Various uses of this keyword
Concept and usage of callback functions
Concept and use of closure
Understanding Prototypes and Object-Oriented Programming
Implementing classes and inheritance

📢 Lecture Renewal Notice

2021.8.26 Renewal lectures have been updated in Section 0.
Please take the existing curriculum (Section 1, Section 2) for reference only. :)

Lecture Introduction 📖

This Core JavaScript course examines the overall flow of core concepts that permeate all of JavaScript up to ES6. By providing easy-to-understand explanations of concepts and operating principles for topics that beginners often find most challenging , such as "this," callbacks, scope and execution contexts, prototypes, and closures , this course will provide a guide for students as they learn JavaScript in the future.

I recommend this to these people 🙋‍♀️

_{JavaScript developers and aspiring developers}

_{practitioners who feel thirsty for the basics}

_{People who have a vague understanding of the concept and lack confidence}

_{Those who feel limited while learning JavaScript on their own}

_{People who find JavaScript difficult and boring}

_{Those who want to check their learning method or direction midway}

Lecture Difficulty 🤓

The lecture proceeds under the assumption that you already know how to declare variables, loops and conditional statements, basic methods for each data type, type conversion and operators, and expressions.
If you are completely unfamiliar with the above, you may not get as much out of it as you think.
However, due to the nature of online lectures, simply listening to and seeing the material is valuable, and reviewing it when studying the relevant part in the future can be of great help.

Recommended for
these people

Who is this course right for?

For those who want to learn JavaScript in depth
Frontend Developer
For those who want to understand the internal structure of JavaScript
Anyone interested in object-oriented programming
Anyone who wants to learn about memory management and data types

Need to know before starting?

Variable declaration method
Loops and conditional statements
Basic methods by data type
Type conversion and operators
Expression

Hello
This is

32,419

Learners

672

Reviews

393

Answers

4.8

Rating

Courses

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

저서: 코어 자바스크립트

유튜브 채널: 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

Curriculum

All

8 lectures ∙ (1hr 57min)

Section 1. (MAIN) Core JavaScript

8 lectures ∙ (1hr 57min)

1. Intro
02:40
2. Data Type
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

Published:

Last updated:

Reviews

All

300 reviews

4.8

300 reviews

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

$17.60

jaenam's other courses

Check out other courses by the instructor!

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

정재남

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

초급

REST API, GraphQL, React

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

정재남

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

정재남

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

입문

React, JavaScript, react.js

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

정재남

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

정재남

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

초급

React, vanilla-js, ui

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

정재남

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

정재남

초급

React, vanilla-js, ui

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

정재남

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

정재남

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

초급

React, GraphQL, Firebase

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

정재남

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

정재남

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

초급

JavaScript

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

정재남

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

정재남

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

초급

TypeScript

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

정재남

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

정재남

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

초급

JavaScript, ES6

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

정재남

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

정재남

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

중급이상

JavaScript, ES6

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

정재남

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

정재남

초급

JavaScript, ES6

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

정재남

Similar courses

Explore other courses in the same field!

자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1

유용한IT학습

이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 코딩을 처음 접하시는 분들도 쉽게 이해할 수 있도록 차근차근 설명하고 있습니다. Part 1은 자바스크립트의 개요와 변수, 자료형, 연산자, 제어문과 jQuery의 기초를 다루고 있습니다.

입문

JavaScript, jQuery

자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1

유용한IT학습

시나브로 자바스크립트

이은재

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

중급이상

JavaScript, vanilla-js

시나브로 자바스크립트

이은재

만들면서 배우는 리액트 : 기초

진유림

리액트를 가장 쉽고 빠르게 배울 수 있는 리액트 입문 강의입니다. 토이 프로젝트를 만들면서 개념과 실전 감각을 익히고 배포까지 3시간 만에 완성하는 알짜 강의! 초급, 중급, 고급으로 구성된 시리즈의 첫 번째 강의입니다 :)

초급

React, JavaScript

만들면서 배우는 리액트 : 기초

진유림

자바스크립트부터 리액트까지 [PART4/4] 포기없는 리액트로 가는 길

영코디 킴쌤

혹시, 리액트를 공부하다가 좌절하신 적이 있나요? 리액트의 기초가 되는 자바스크립트의 기본을 탄탄히 다진 후에 단계적으로 학습하여 포기하지 않고 리액트로 가는 길을 열어드립니다.

입문

JavaScript, ES6, TypeScript

자바스크립트부터 리액트까지 [PART4/4] 포기없는 리액트로 가는 길

영코디 킴쌤

바닐라 자바스크립트 & Tailwind CSS

Michael Kwon

AI 활용과 컴포넌트 중심 UI 제작으로 배우는 실무형 웹 UI 개발, 디자이너+개발자 필수 코스!

초급

JavaScript, vanilla-javascript, frontend

바닐라 자바스크립트 & Tailwind CSS

Michael Kwon

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

The Oreum

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

초급

JavaScript, 객체지향, frontend

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

The Oreum

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

김영보

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

중급이상

Tensorflow, JavaScript, 머신러닝

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

김영보

JavaScript 알고리즘 베스트 10

The Oreum

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

중급이상

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

JavaScript 알고리즘 베스트 10

The Oreum

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페이지 구현시 자주 사용되는 효과를 구현합니다.

초급

HTML/CSS, JavaScript, vanilla-javascript

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

김태원

자바스크립트(JavaScript)로 코딩테스트를 준비하시는 분을 위한 강좌입니다. 재미있게 풀 수 있는 기초 단계 문제부터 고급 알고리즘까지 단계별로 차근차근 배우도록 설계된 강좌입니다.

입문

JavaScript, 코딩 테스트

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

김태원

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

정재남

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

초급

JavaScript

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

정재남

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

Kyo

자바스크립트로 스택, 큐, 연결 리스트, 정렬, DFS/BFS 등 핵심 자료구조와 알고리즘을 직접 구현하며 학습합니다. 자주 출제되는 문제 유형을 함께 풀이하며, 코딩 테스트와 면접에 꼭 필요한 문제 해결 능력까지 키울 수 있습니다.

초급

JavaScript, 알고리즘, data-structure

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

Kyo

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 ReactNative로 나만의 게시판을 만들어보세요!

초급

JavaScript, React Native, Kotlin

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기

Neo

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

이지웹

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

초급

HTML/CSS, JavaScript, jQuery

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

이지웹

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

코딩 1위 유튜버 조코딩의 실전 압축! 쉽고 재미있는 웹 풀스택 개발 강의

입문

HTML/CSS, JavaScript, Node.js

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)

유용한IT학습

앱은 우리 일상에서 중요한 역할을 합니다. 하지만 네이티브 앱을 개발하고 유지·보수하는 과정은 길고 복잡하며, 많은 비용이 들기도 합니다. 본 강의에서는 2024년 9월 현재 주목받고 있는 대안인 프로그레시브 웹 앱(Progressive Web App, PWA)을 소개합니다. PWA는 웹 기술과 네이티브 앱의 장점을 결합한 방식으로, 더 빠르고 효율적인 앱 개발과 유지 관리를 가능하게 합니다. 실습과 함께 PWA의 개념, 장점, 구현 방법을 단계별로 학습하며, 실무에 바로 적용할 수 있는 역량을 갖추게 됩니다.

입문

HTML/CSS, JavaScript

피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)

유용한IT학습

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

깡코딩

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

초급

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

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

깡코딩

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

김영보

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

초급

JavaScript, 면접, 기술면접

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

김영보

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

초급

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

Core JavaScript

Reviews from Early Learners

What you will learn!

Lecture Introduction 📖

I recommend this to these people 🙋‍♀️

Lecture Difficulty 🤓

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

jaenam's other courses

Similar courses

Recommended for
these people

Hello
This is