Thumbnail
개발 · 프로그래밍 프로그래밍 언어

자바스크립트 ES6+ 기초 핵심 문법 대시보드

(4.9)
38개의 수강평 ∙  1,770명의 수강생

무료

지식공유자: 이룸코딩
총 23개 수업 (3시간 54분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

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

자바스크립트에 처음 입문하시는 분들이 모던 자바스크립트에 대해 알아야 하는 핵심 문법을 짧고 굵게 정리했습니다. 문법 공부는 한 번에 확실하게 그리고 짧게 끝내고, 소중한 시간은 무언가 만드는데 투자하세요!

✍️
이런 걸
배워요!
입문자를 위한 자바스크립트 기초 문법
최신 자바스크립트의 핵심 문법

자바스크립트의 기초 핵심 문법,
짧고 굵게 끝낼 수 있어요 😚

JS 기초 문법에서 예제까지 완충 🔋

이 강의는 자바스크립트에 입문하는 프로그래밍 입문자를 위해 만들어졌으며, 기초 핵심 문법을 요약하여 '무한 문법 공부' 굴레를 최대한 짧고 굵게 끝낼 수 있도록 만들었습니다. 이 강의를 통해 자바스크립트 ES6+ 문법에 대해 학습할 수 있으며, 강의를 수강한 이후에는 자바스크립트 미니 프로젝트 제작, 서비스 만들기 예제 등으로 넘어가실 수 있습니다.

조건문, 반복문 등
기초 개념부터 차근차근!

DOM, 이벤트 처리로
HTML 문서 생명력 Up!
 

서비스 제작 예제와 함께
프로그래밍 세계로!


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

웹디자이너 또는 웹퍼블리셔를 꿈꾸는 입문자

웹 개발자 취업을 목표로 하는 입문자

자바스크립트를 처음 접하는 코린이

HTML, CSS 공부 이후 갈 길을 잃은 코린이


강의 특징 ✨

#1.
꼭 필요한 내용만
요약적으로

공부는 가르치는 사람이 더 많이 해야 합니다. 입문자 눈높이에서 딱 필요한 부분만 요약해서 지도합니다.

#2.
짧고 굵지만
알차게

문법 공부를 짧고 굵게 끝내야 한다고 강조하지만, 꼭 필요한 부분은 모두 담았습니다!

#3.
예제까지 정복

학습 내용을 전반적으로 복습하고 흐름을 잡을 수 있는 예제도 제공됩니다.


학습 내용 📚

섹션 0. 오리엔테이션

  • 강의를 소개하고 실습 환경을 구축합니다.

섹션 1. 기초 문법 Part. 1

  • 변수와 상수, 데이터 타입과 연산자의 종류에 대해 학습합니다.

섹션 2. 기초 문법 Part. 2

  • 조건문과 반복문에 대해 학습합니다.

섹션 3. 기초 문법 Part. 3

  • 함수와 함수의 표현식, 화살표 함수에 대해 학습합니다.

섹션 4. 보충 수업 Part. 1

  • 실제 프로그래밍에서 자주 사용되는 문자열 메소드, 배열 메소드의 기본 사용법을 배우고, ES6+ 이후 많이 개선된 부분인 객체와 구조 분해 할당에 대해 학습합니다.

섹션 5. 보충 수업 Part. 2

  • 자바스크립트를 웹에서 사용하기 위해 필요한 DOM, 이벤트 등에 대한 내용을 학습합니다.

섹션 6. 예제 만들기 (연습 문제)

  • DOM 조작, 이벤트 처리부터, Date 객체, Math.random, setInterval(), localStorage 등 다양한 객체와 메소드를 활용해 학습 내용을 복습하고 몸풀기에 적합한 예제를 함께 만들어 봅니다.

 


예상 질문 Q&A 💬

Q. 필요한 선행 과정이 있나요?

HTML, CSS 기초 과정 학습이 선행되어야 합니다. 수업의 효율을 위해서 이미 별도로 HTML, CSS에 대한 무료 강의 제공하고 있기 때문에, 해당 강의에서는 HTML, CSS에 대한 부분은 설명하지 않습니다!

Q. 왜 자바스크립트로 프로그래밍에 입문해야 하나요?

자바스크립트는 프론트엔드에서 쓸 수 있는 유일한 프로그래밍 언어입니다. 만약 웹 퍼블리셔나 프론트엔드 개발자 또는 풀스택 개발자를 목표로 하신다면, 자바스크립트는 피해 가실 수 없는 운명적 친구예요.

Q. 수업 내용을 어느 수준까지 다루나요?

강의를 듣고 나면 '무한 문법 공부'의 굴레에서 벗어나실 수 있습니다. 강의를 듣고 난 이후에는 문법 공부는 그만하시고, 우선 무엇이든 만들어보세요. 자바스크립트라는 언어에 깊이를 더하는 것은 그 이후에 해도 늦지 않답니다.


지식공유자 소개 ✒️

안녕하세요.
개발자 이도해입니다.

  • ≪HTML5 독학백서≫ 저자
  • ≪CSS3 독학백서≫ 저자
  • ≪자바스크립트 ES6+ 독학백서≫ 저자
  • ≪모두를 위한 엔트리 교과서≫ 저자

강의 GitHub 저장소 링크 🔗


이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
자바스크립트 문법을 처음 배우시는 분들
웹 개발에 처음 입문하시는 분들
이제 막 HTML & CSS 문법을 끝내신 분들
📚
선수 지식,
필요할까요?
HTML
CSS

안녕하세요
이룸코딩 입니다.
이룸코딩의 썸네일

이룸코딩 ErumCoding

함께 꿈을 코딩해요! 🚀

커리큘럼 총 23 개 ˙ 3시간 54분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 오리엔테이션
섹션 1. 기초 문법 Part. 1
변수와 상수 미리보기 12:29
원시 데이터 타입 09:01
참조 데이터 타입 09:11
연산자 19:19
섹션 2. 기초 문법 Part. 2
조건문 (if) 미리보기 07:54
조건문 (switch) 05:46
반복문 (for) 06:49
반복문 (while) 04:49
섹션 3. 기초 문법 Part. 3
섹션 4. 보충 수업 Part. 1
문자열 메소드 12:23
배열 메소드 17:02
객체 심화 06:16
구조분해할당 11:12
섹션 5. 보충 수업 Part. 2
DOM 미리보기 11:42
이벤트 06:14
모듈 05:27
섹션 6. 예제 만들기 (연습 문제)
모달 만들기 미리보기 05:51 할 일 앱 만들기 미리보기 07:23
디지털 시계 만들기 05:12
가위바위보 게임 만들기 17:45
업그레이드 된 할 일 앱 만들기 24:58
강의 게시일 : 2022년 11월 22일 (마지막 업데이트일 : 2022년 12월 01일)
수강평 총 38개
수강생분들이 직접 작성하신 수강평입니다.
4.9
38개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
정호석 thumbnail
5
기초, 기본에 충실하면서 강의가 길지않기에 좋은 강의같습니다. 완강하고 스크립트에 대해 더 공부하겠습니다~
2023-11-15
gaabi1204 thumbnail
5
무료 강의라고 하기에는 내용이 좋습니다. 기초 잡기에 좋아요
2024-01-09
쿠카이든 thumbnail
5
자바스크립트를 잘 배워갑니다..! 좋은 강의 감사드려요
2024-02-04
박규리 thumbnail
5
자바스크립트의 개념을 이해하기에 정말 좋은 강의입니다!!
2024-02-27
Json thumbnail
5
무료 강의라고 하기에는 너무 심플하게 잘 정리되어있는 핵심 JS강의였습니다. 정말 감사합니다!! 🤩
2023-01-26