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

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

자바스크립트 제대로 배워볼래? 대시보드

(4.9)
72개의 수강평 ∙  714명의 수강생

30%

53,900원

77,000원
지식공유자: 개발자의 품격
총 43개 수업 (12시간 41분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

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

자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angular) 개발자, 서버(Node.js) 개발자가 되기 위한 기초를 완벽하게 준비할 수 있습니다.

✍️
이런 걸
배워요!
자바스크립트 기본을 제대로 익힐 수 있어요
ES6 문법을 익힐 수 있어요
바닐라 JS
HTML을 컨트롤하는 측면에서의 자바스크립트 사용법을 익힐 수 있어요

자바스크립트, 기초부터 ES6까지!
제대로 배워 완벽하게 활용해보세요✨

What is JavaScript?

모든 웹 브라우저에는 인터프리터(Interpreter)가 내장되어 있어서 자바스크립트를 실행할 수 있어요.

객체 기반 스크립트 프로그래밍 언어, 자바스크립트
다양한 분야의 프로그래밍을 할 수 있어요.

자바스크립트는 객체 기반의 스크립트 프로그래밍 언어예요. 모든 웹 브라우저에는 인터프리터가 내장되어 있어서 자바스크립트를 실행할 수 있어요. 즉 웹 브라우저가 탑재된 모든 기기에서 자바스크립트로 구현한 프로그램을 실행시킬 수 있게 되는 거예요. 


자바스크립트, 왜 배워야 할까요?

자바스크립트로 할 수 있는 다양한 개발 분야

Node.js가 나오면서 자바스크립트는 더이상 웹 브라우저에 종속된 언어가 아닙니다. 웹 애플리케이션은 물론이고 데스크톱 애플리케이션, 모바일 앱, 키오스크, 게임, 아두이노 같은 마이크로 컨트롤러까지 자바스크립트를 사용할 수 있는 분야는 점점 다양해지고 있어요.

JavaScript is Everywhere.

자바스크립트 언어 하나를 잘 익히는 것만으로도 할 수 있는 게 점점 늘어나고 있어요. 그런데, 이 말은 자바스크립트를 예전에 웹 브라우저에서 HTML DOM을 핸들링하는 정도의 수준이 아닌 좀 더 고차원적인 코딩을 해야 한다는 뜻이기도 해요.

그래서, 자바스크립트를 제대로 배우고
제대로 사용할 수 있어야
해요.


기초부터 제대로 배우는 자바스크립트.

이 강의는 자바스크립트 기초를 다룹니다. 그렇다면 기초라는 것은 무엇일까요?
흔히 프로그래밍 언어에서 기초는 기초 문법을 배우는 거라 착각을 하는 경우가 많아요.

한국에서는 아이가 태어나면 1살, 그리고 건물 첫 층을 1층이라고 하죠? 그런데 유럽의 경우는 다릅니다. 나이를 0살, 건물 층수는 0층부터 세죠. 그리고 여러분이 배우고 있는 모든 프로그래밍 언어에서도 마찬가지로 배열(Array)의 시작 인덱스(Index)가 0부터 시작해요. 한국에서 0은 없는 것으로 여기지만, 유럽에서 0은 모든 것의 시작점이자 기반(Base)입니다.

우리에게는 이 0이 절실히 필요해요. 여러분이 좋은 개발자가 되기를 바란다면 절대로 이 0을 간과해서는 안돼요. 여러분은 이 강의를 통해서 자바스크립트의 기초를 배우게 될 거예요.

기초는 0이고,
시작점이자 기반(Base)
이에요.

여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점에 서게 됩니다. 여러분이 앞으로 자바스크립트로 구현하게 될 수많은 애플리케이션 앞에 당당히 마주할 수 있게 될 거예요.


이 강의의 특징!

쉽고 자세하게
실무 응용 중심
예제 코드까지!
  • 자바스크립트의 기본 문법을 차근차근 알려드려요.
  • 자바스크립트 내장 함수의 기능뿐만 아니라, 실제 개발 실무에서 어떻게 적용되는지 알려드려요.
  • 기능 중심의 강의가 아니라, 용도 중심으로 진행돼 정확한 사용법을 익힐 수 있어요.
  • 모든 예제 코드는 깃허브를 통해 제공됩니다.

이미지를 클릭하면 github로 이동해요.이미지를 클릭하면 깃허브로 이동합니다.


무엇을 배우나요?

  • 개발 IDE 툴로는 비주얼스튜디오코드(Visual Studio Code)를 사용합니다. 비주얼스튜디오코드를 이용한 개발 방법 및 유용한 확장 프로그램을 알게 됩니다.
  • 자바스크립트의 기초 문법에 대해 확실히 이해하게 됩니다.
  • 자바스크립트 개발자가 꼭 알아야 할 ES6 문법까지 익힐 수 있어요.
  • HTML DOM을 핸들링하기 위한 자바스크립트 사용법을 알 수 있습니다.

선수 지식을 확인하세요!

  • HTML에 대한 기본 지식이 있어야 해요.
  • CSS를 알아야 해요. 아주 조금.

이 강의를 만든 사람은
누구일까요?

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 22년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고, 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT 스타트업 대표이사이기도 해요.

개발자뿐만 아니라 UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전 과정에 대한 수많은 경험을 쌓았습니다. 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식을 나누는 일을 하고 있어요.

‘개발자의품격’ 유튜브 채널에 공개된 
‘한시간만에 끝내는 자바스크립트 입문’ 강의입니다.

자바스크립트라는
최고의 언어를 만나보세요.

저는 지금 제가 가장 사랑하는 프로그래밍 언어인 자바스크립트에 대한 강의를 할 수 있어서 가장 행복한 순간을 마주하고 있어요.

이 강의를 통해서 여러분도 자바스크립트라는 최고의 언어를 사랑하게 될 수 있기를 바랍니다. 💌


다른 강의 함께 보기

Vue.js 제대로 배워볼래?
기본기가 탄탄한 FE 프레임워크 학습

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
자바스크립트를 처음 시작하는 분
자바스크립트를 제대로 배우고 싶은 분
프론트엔드개발자(React, Angular, Vue)가 되고 싶은 분
서버(Node.js) 개발자가 되고 싶은 분
📚
선수 지식,
필요할까요?
HTML
CSS

안녕하세요
개발자의 품격 입니다.
개발자의 품격의 썸네일

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.

개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.

 

  • (현)주식회사 더그레잇 대표이사
  • (현)주식회사 썬슈어 CTO
  • (현)주식회사 리턴밸류 CTO
  • (현)팬임팩트코리아 유한회사 기술전문위원

 

이메일 - seungwon.go@gmail.com

커리큘럼 총 43 개 ˙ 12시간 41분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 수업을 시작하며
강의소개 미리보기 02:35
개발환경 준비 10:40
섹션 1. 자바스크립트 기본 문법
자바스크립트 작성 위치 미리보기 21:40
콘솔(Console) 09:44
주석(Comments) 처리 08:40
변수 선언자 (var, let, const) 미리보기 20:07
데이터 타입 39:52
Number - 64비트 부동소수점 35:55
연산자 - 산술, 비교, Logical 29:05
조건문(if-else, switch) 19:13
반복문(for, for-in, for-of, while) 32:10
함수(function) 13:47
섹션 2. 자바스크립트 내장 함수
String 내장 함수 42:40
Number 내장 함수 14:10
Boolean 내장 함수 06:15
Array 내장 함수 58:12
Date 내장 함수 33:57
Math 내장 함수 24:04
JSON 객체 09:56
Window 객체 21:22
크롬 개발자도구 18:35
섹션 3. 자바스크립트 고급 문법
this 키워드 13:16
Scope 08:58
Default Function Parameter 08:20
Rest Parameter 07:51
Arrow Function 07:15
Template Literals 04:48
Object Literal Syntax Extension 07:47
Spread Operator 06:30
Object Destructuring 06:22
Array Destructuring 08:06
Promise 19:22
추가강의: Postman. Mock Server(가짜 서버) 만들기 및 활용 13:19
Async/Await 11:21
모듈(Module) 17:50
클래스(Class) 15:33
Error - try/catch/finally 09:02
Strict Mode 04:13
정규식(RegExp) 38:21
섹션 4. HTML를 위한 자바스크립트
HTML Element 컨트롤 25:28
HTML 이벤트 컨트롤 14:38
HTML 스타일 컨트롤 15:54
데이터테이블 만들기 24:22
강의 게시일 : 2021년 04월 07일 (마지막 업데이트일 : 2021년 10월 16일)
수강평 총 72개
수강생분들이 직접 작성하신 수강평입니다.
4.9
72개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
김태희 thumbnail
5
정말 하나하나 설명해주실때 사용방법과 실제 쓰이는 용도를 다 설명해주셔서 감사합니다 구글링을 해서 공부할때는 흩어져있는정보때문에 오히려 더 복잡했던경험이 많은데 이렇게 한데 모아져있어서 그런지 정리하기도 쉬웠습니다 다음 중급과정을 기다리겠습니다 정말 감사합니다
2021-04-19
지식공유자 개발자의 품격
수강평 감사합니다. 다음에 좀 더 실무를 많이 다루는 중급 과정 준비하도록 하겠습니다.
2021-04-19
이정근 thumbnail
5
너무너무 쉽게 설명 해주시네요. 실무에 적용하는 사례를 들어 주시면서 쏙쏙 이해 됩니다. 감사합니다. ^_^
2021-04-09
지식공유자 개발자의 품격
첫 수강평 감사합니다. 개발자의품격 채널도 잘 이용해 주셔서 정말 감사드립니다. 앞으로도 좋은 강의 많이 제공하겠습니다.
2021-04-09
황덕현 thumbnail
5
좋은 강의 감사합니다!! 다음 중급 강의가 기다려지네요 그리고 혹시 Solidity 강의도 가능하면 해주세요 ^^
2021-05-02
지식공유자 개발자의 품격
네 감사합니다. Solidity 강의도 준비하도록 하겠습니다
2021-05-02
harward Kim thumbnail
5
책을 통해 학습하며 아쉬웠던 부분을 채워주신 훌륭한 강의였습니다. 이론적 내용 뿐만 아니라 오랜 실전 경험을 전달해 주신 강사님께 깊은 감사를 드립니다.
2021-04-24
지식공유자 개발자의 품격
앞으로도 계속 좋은 강의로 보답하겠습니다. 감사합니다.
2021-04-24
장성필 thumbnail
5
꼭 필요하고 유용한 문법들을 위주로 알려주셔서 좋았습니다!!!
2021-05-16
지식공유자 개발자의 품격
수강평 감사드립니다. 무엇보다도 도움이 되었다니 정말 감사합니다.
2021-05-16