성장의 계절, 모든 강의 30% 할인!

Thumbnail
진짜 시작, 봄맞이 30% 할인 중(D-8)
BEST
개발 · 프로그래밍 프로그래밍 언어

자바스크립트 비기너: 튼튼한 기본 만들기 대시보드

(4.7)
138개의 수강평 ∙  2,095명의 수강생

30%

30,800원

44,000원
지식공유자: 김영보
총 112개 수업 (10시간 38분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[프로그래밍 언어] 강의입니다.

4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다. 기본에 충실하였습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다. 자바스크립트 스펙의 95% 이상을 다룹니다.

✍️
이런 걸
배워요!
자바스크립트로 코딩하는 방법을 배울 수 있습니다.
자바스크립트 기본(ES5 기준) 지식을 습득할 수 있습니다.
자바스크립트 개발 경험자는 전반적으로 정리할 수 있습니다.

자바스크립트 강의의 완결판!
전체를 빠짐없이 배우고 정리할 수 있습니다.

고도화된 자바스크립트 강의의 완결판
JavaScript에 마침표를 찍어보세요.

4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다.
기본에 충실했습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다.
자바스크립트 스펙의 95% 이상을 다룹니다.

넓고, 깊으며, 디테일합니다.
비기너는 빠짐없이 배울 수 있으며, 경험자는 전체를 정리할 수 있습니다.
바이블 강좌를 통해 자바스크립트의 마침표를 찍을 수 있습니다.

바이블 강좌 전체가 하나의 시나리오입니다.
즉, 배워야 할 것과 배우는 순서를 갖고 있습니다. 강좌를 따라오시면 됩니다.
내용이 중복되지 않습니다. 중복에 따른 시간과 비용을 허비하지 않습니다. 바이블 강좌 하나로 끝낼 수 있습니다.


자바스크립트로 할 수 있는 것

강의 범위

  • 자바스크립트 비기너 과정
  • 비기너에게 중요한 것은?
    기본을 만드는 것
    코딩 경험을 많이 하는 것
    프로그래밍 감각을 만드는 것
  • 자바스크립트 스펙(ES5 기준)의 95% 이상을 다룹니다

강좌 키노트 제공

  • "섹션 1.  기본 문법"의  첫 번째인 "수업 1 : 강좌 환경"에서 다운로드 받을 수 있습니다.

연관 강의

자바스크립트 로드맵 바로가기 (40% 할인)

 

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
자바스크립트를 처음 접하는 사람
자바스크립트 기본을 정립하려는 개발자
JavaScript 경험자는 정리 차원에서 들으셔도 됩니다.
📚
선수 지식,
필요할까요?
프로그래밍 기본 개념 이해

안녕하세요
김영보 입니다.
김영보의 썸네일

40년 넘게 소프트웨어 개발자로 살았으며, 지금도 개발하고 있습니다. 
그 중에서 20년 넘게 JavaScript 중심으로 개발했습니다.

저서:
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅

자바스크립트 정규표현식

요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js JavaScript
Ajax 활용
prototype.js 완전분석  

9권 중에서 8권이 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

커리큘럼 총 112 개 ˙ 10시간 38분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 2. 연산자(Operator)
1. 연산자, 표현식 02:41
2. 할당 연산자, 해석/실행 순서 02:54
3. 산술 연산자(+ 연산자) 03:04
4. 숫자로 변환 02:34
5. 산술 연산자(-, *, /, % 연산자) 04:01
6. 단항 연산자 02:38
7. 후치, 전치, 논리 NOT 연산자 05:19
8. 유니코드, UTF 03:05
9. 관계 연산자 05:02
10. 동등, 부등, 일치, 불일치 연산자 04:17
11. 콤마, 그룹핑, 논리 연산자 04:31
12. 조건 연산자, 연산자 우선순위 03:06
섹션 3. 문장(Statement)
1. 문장, 화이트 스페이스, 세미콜론 자동 삽입, 블록 05:39
2. if, debugger 06:01
3. while, do-while 02:30
4. for, [코딩 시간] 07:25
5. break, continue 04:45
6. switch 02:55
7. try-catch, throw 05:48
8. strict 모드, [코딩 시간] 04:46
섹션 4. 함수(Function)
1. 함수 구성 요소, 함수 이름 규칙과 관례 07:37
2. 함수 호출, return 문 07:07
3. 주석 작성 목적, 주석 작성 사례 08:43
섹션 5. 오브젝트(Object)
1. 프로퍼티(Property) 개요, 프로퍼티 추가/변경 06:36
2. 프로퍼티 값 추출, for~in 문 03:12
섹션 6. 빌트인(Built-in)
1. 빌트인 개요, 빌트인 분류 09:30
2. 빌트인 오브젝트 유형, 빌트인 오브젝트 형태 03:55
섹션 7. Number 오브젝트
1. Number 오브젝트 개요, 프로퍼티 리스트 05:31
2. Number 타입으로 변환, Number 상수 03:31
3. 인스턴스 생성 방법/목적, new 연산자 05:49
4. Number 인스턴스 생성, 인스턴스 형태 05:15
5. 프리미티브 값, 프리미티브 타입, 프리미티브 값 구하기 05:30
6. String 타입으로 변환, 지역화 문자 03:48
7. 지수 표기, 고정 소숫점 표기 03:07
섹션 8. String 오브젝트
1. String 오브젝트 개요, 문자열 연결 방법, 프로퍼티 리스트 06:59
2. 문자열로 변환, 프리미티브 값 구하기 02:42
3. length 프로퍼티, length 값 반환 논리 09:07
4. 화이트 스페이스 삭제 02:42
5. 함수 호출 구조, __proto__ 구조 12:54
6. 인덱스로 문자열 처리, [코딩 시간] 11:44
7. 문자열 연결, 대소문자 변환 01:33
8. 문자열 추출 06:10
9. 정규 표현식을 사용할 수 있는 함수 09:16
10. Unicode 관련 함수 05:53
섹션 9. Object 오브젝트(ES3 기준)
1. 자바스크립트 오브젝트 구분, 네이티브/호스트 오브젝트, 오브젝트와 인스턴스 07:08
2. 프로퍼티 리스트 04:19
3. Object 인스턴스 생성, 프리미티브 값 구하기 08:04
4. 빌트인 오브젝트 구조, prototype 07:32
5. 함수와 메소드 연결, 함수, 메소드 호출 07:10
6. 프로퍼티 처리 메소드 04:53
7. Object와 prototype, 빌트인 Object 특징 05:59
섹션 10. Function 오브젝트
1. 프로퍼티 리스트, Function 인스턴스 생성 04:37
2. 함수 생명 주기, 함수 분류, length 프로퍼티 05:58
3. 함수 형태, 함수 선언문, 함수 표현식 05:20
4. 함수 호출 05:24
5. Argument 오브젝트 04:50
섹션 11. Global 오브젝트
1. Global 오브젝트 개요, Global 함수, 변수 05:02
2. Global 프로퍼티, 프로퍼티 리스트 05:38
3. Global과 Window 관계 06:16
4. 정수, 실수 변환 04:20
5. NaN, 유한대 체크 함수 04:00
6. 인코딩, 디코딩 06:26
7. eval() 함수 05:52
섹션 12. Array 오브젝트(ES3 기준)
1. Array 오브젝트 개요, 배열 생성 방법, 엘리먼트 작성 방법, 배열 차원 11:14
2. 프로퍼티 리스트 05:43
3. Array 인스턴스 생성, length 프로퍼티 10:17
4. 엘리먼트 추가/삭제 메커니즘, delete 연산자 10:37
5. 엘리먼트 삽입, 첨부 05:25
6. 엘리먼트 복사 04:07
7. 엘리먼트 값을 문자열로 변환, [코딩 시간] 06:19
8. 엘리먼트 삭제 06:21
9. sort(분류), sort()와 Unicode 05:53
10. sort 알고리즘, 역순 정렬, [코딩 시간] 06:40
섹션 13. Array 오브젝트(ES5 기준)
1. 프로퍼티 리스트, 함수 여부 체크 06:55
2. index 처리 메소드 06:10
3. 콜백 함수를 가진 Array 메소드, forEach() 08:01
4. for()와 forEach() 차이, [코딩 시간] 08:05
5. true, false를 반환하는 메소드 03:31
6. 필터, 매핑 04:42
7. 반환 값을 파라미터 값으로 사용 05:37
섹션 14. Boolean 오브젝트
1. Boolean 오브젝트 개요, 프로퍼티 리스트, Boolean 값으로 변환 04:11
섹션 15. 자바스크립트 특징
1. 스크립팅 언어 특징, 컴파일 순서, JS와 객체지향, OOP의 객체 08:29
2. 자바스크립트 객체 형태, JS의 OOP 구현 방법, prototype 형태/연결 08:19
3. 자바스크립트 인스턴스, instanceof 연산자 05:13
4. 메소드 형태, 메소드 호출 방법 09:24
섹션 16. Object 오브젝트(ES5 기준)
1. ES5 Object 특징, ES5 Object 함수, 프로퍼티 디스크립터 05:27
2. Object에 프로퍼티 추가 04:37
3. 프로퍼티 디스크립터, value/writable/enumerable/configurable 속성 08:49
4. getter와 setter, get 속성, set 속성 03:05
5. 프로퍼티 추출 06:01
6. 프로퍼티 디스크립터 함수 05:07
섹션 17. JSON 오브젝트
1. JSON 오브젝트 개요, JS 타입을 JSON 타입으로 변환 07:20
2. JSON 타입 파싱 06:02
섹션 18. Date 오브젝트
1. Date 오브젝트 개요, 시간값 표시 기준, 시간의 문자열 형태 03:36
2. 프로퍼티 리스트, Date 인스턴스 생성, Date 오브젝트 함수 분류 10:35
섹션 19. Math 오브젝트
1. Math 오브젝트 개요, Math 상수, Math 함수 07:37
강의 게시일 : 2019년 09월 18일 (마지막 업데이트일 : 2019년 09월 17일)
수강평 총 138개
수강생분들이 직접 작성하신 수강평입니다.
4.7
138개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
김상헌 thumbnail
5
현재 프론트엔드 개발자로 일하고 있는 주니어 개발자입니다. 나름 잘 안다고 생각하였으나, 이 강의를 보고 띄엄띄엄 알고 있었다는 제 자신을 발견하게 되었습니다 이제 저의 수강 후기를 작성 드리겠습니다. 저는 자바스크립트 비기너 강의부터 es6심화 강의까지 4가지의 강의를 다 듣고 적는 후기입니다. 확실히 애매하게 알고있어서 못써왔던것들을 쓸수있게되는게 정말 최고의 수강후기가 아닐까 싶습니다. 예를들어 map, forEach, filter 함수를 뒤에 매개변수값을 추가로 this로 받을 인자값을 앎으로써 굳이 2중으로 반복문을 돌려 시간복잡도를 (n2)로 했던걸 (n)으로 끝낼 수 있었던점, 그리고 call,apply, bind개념이 명확해지면서, this를 매번 헷갈렸는데 헷갈릴때 해당 함수 호출시에 직접적으로 this 바인딩 시켜서 처리할 수 있는점 그리고 스코프에 대한 개념에 대해서는 심화과정을 들으면서 단계적으로 찾아나가고 가장 상위에 있는 것에서 찾고 없으면 __proto__그리고 또 없다면 하위에 __proto__를 찾는다는점 등등 저는 진짜 이번에 영보쌤거 강의들으면서 정말 이런말 표현이 맞을지 모르겠으나 정말 은혜받았습니다... 그리고 어제 밤에 csr을 직접 바닐라로 구현해보면서 class 이벤트에 built-in 오브젝트를 상속해서 처리하는것에 대해서 프론트엔드 프레임워크에서 props개념도 이와 비슷하게 동작하겠구나 하는 것에 대해서도 정말 쌤이 없었다면 원리조차 모를뻔한 것들에 대해서 알아가는 재미를 느꼈습니다 확실히 팀내에서도 저한테 요즘 갑자기 코드가 신기하게 깔끔해졌다고 이야기들 해주더라구요 수강을 고민하시는 분들 정말 돈이 아깝지 않은 강의입니다. 특히 확실하게 알고 사용하고 싶으신 분들, 매일 쓰던것만 쓰던 함수를 쓰던 자신에서, 더 편리하고, 더 좋은 그리고 더 효율적인 내장함수들이 많다는것들을 느끼실겁니다. 고민하지말고, 영보쌤 강의 시리즈 모두 구입하셔서 다들어보시길 권장드립니다. 코드의 질이 달라지며, 생각하는 사고가 달라지는것을 느낄것입니다. 제가 자부 하겠습니다
2020-10-01
지식공유자 김영보
감사합니다. 그렇게 생각하면서 기본을 다져나가면 나도 모르는 사이에 발전된 것을 느낄 수 있습니다. 응원합니다.
2020-10-02
polepole7777 thumbnail
5
초보자인데 생각보다 많이 어려웠습니다 객체 인스턴스 오브젝트 프로토타입 메소드 함수 클래스 등등 용어도 어렵고 머릿속에서 정리도 쉽지 않았습니다 마치 경찰청은 창살 쇠창살 간장공장 공장장 하는 것만 같았습니다 코드 돌아가고 수식하는 것들은 알겠는데 동작원리랑 근본적인 것들이 많이 어려웠네요 1회독 끝냈으니 어려운 부분 반복해서 더 듣겠습니다 강의는 설명도 자세하게 해주시고 질문답변도 빨라서 좋았습니다 이 강의 마스터 하고 다음 심화 과정에서 뵙겠습니다
2020-08-03
지식공유자 김영보
완강 축하합니다. 스펙의 95% 이상을 다루워서 처음 접할 때, 범위도 넓고 생소한 것이 많지만 이 강좌로 끝낼 수 있습니다. 자신감을 가지셔도 됩니다. 전체 숲을 보셨으니 즉, 전체 윤곽을 잡았으니 숲 속으로 들어가시기 바랍니다. 한 번 더 듣는 것 강추입니다. 코딩과 더불어 경험한 것을 메모하시면서 숲 속의 열매까지 내 것으로 만드시기 바랍니다.
2020-08-04
Choi Boo thumbnail
5
자바스크립트 교과서 같은 느낌입니다. 질문이 필요가 없는 강의같습니다. 질문이 필요하지 않는다는 것은 모든 것을 잘 알려줬다는게 아닐까요?
2020-08-24
지식공유자 김영보
감사합니다^^
2020-08-24
이지선 thumbnail
5
a-z까지 상세하고 정확하게 짚어주신 덕에, 자바스크립트 공부가 처음으로 즐거웠습니다!! 경험에서 우러나온 팁을 모두 알려주셔서 듣는 내내 정말 감사했습니다ㅠㅠ제가 들은 강의중에 최고에요. 제 느낀점을 한줄로 요약하자면 클래식은 영원하다 라고 말할 수 있겠네요. 선생님 항상 건강하시고 행복하세요^^ 좋은강의 감사합니다
2020-10-02
지식공유자 김영보
감사합니다. 꾸벅^^
2020-10-03
AEJEONG thumbnail
5
ES6 책 보고 너무 술술 읽히고 다른데서 10번 넘게 찾아봐도 이해가지않던 부분을 이해가게 해주셔서 정말 팬이되었고, 자바스크립트로 작업을 하고있는 초보 일꾼으로서 영보님 책을 만나게 되어 이렇게 검색해서 강의까지 듣게되었습니다! 자바스크립트를 더 친숙하게 느껴지게 해주셔서 너무 너무 감사합니다. 활용하는 것은 제 몫이겠지만 단순 코드 읽기가 아닌 의미를 가진 코드 읽기가 되는것 같아 한 단계 성장한 기분입니다.
2020-09-19
지식공유자 김영보
감사합니다. 느끼면서, 생각하면서, 계속 가시면 멋있는 개발자가 되십니다. 기대됩니다.^^
2020-09-19
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!