Thumbnail
지식공유자의 깜짝할인 중
개발 · 프로그래밍 프론트엔드

제대로 파는 자바스크립트(JavaScript) - by 얄코 대시보드

(5.0)
6개의 수강평 ∙ 622명의 수강생

25%

41,250원

55,000원
지식공유자: 얄팍한 코딩사전
총 76개 수업 (12시간 31분)
수강기한: 무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유
초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

코알못도 따라올 수 있는 친절하고 쉬운 강좌! 현업 개발자는 자바스크립트 박사로 들어주는 끝판왕 강좌!

✍️
이런 걸
배워요!
자바스크립트의 기초부터 상세 문법과 고급 사용법
최신 문법과 현대적인 자바스크립트 활용법
자바스크립트에 대한 깊이 있는 이론, 실전 지식
자바스크립트를 통한 객체지향과 함수형 프로그래밍
렉시컬 스코프, 클로져 동적 바인딩 등의 고급 개념들
프로미스와 async 등을 통한 비동기 프로그래밍
모듈, 번들링, 컴파일, 문서화 등 유용한 실전 활용법
DOM을 통해 웹 개발에 활용하기

한 번 수강하면 다른 강의가 필요 없도록
제대로 JS에 파고들어 봐요 🛠️

🎓  대학교 이메일 계정이 있다면?
👉  대학생 반값 쿠폰 받으러 가기 (클릭)

 

자바스크립트 언어 집중 공략 🔥

한 번 수강하고 나면 다른 강의를 들을 필요가 없는 강의를 만들고 싶었습니다. 초보자로서 기초 강의를 들은 후 실무에 뛰어들었을 때 뭔가 부족하다는 느낌을 받는 분들 많으시죠? 고급 강의와 콘텐츠들을 찾아다니며 갈증을 채우는 수고로움을 덜어드리고자 🍼 입문자를 위한 생기초부터 🍺 실무자를 위한 고급 개념과 활용까지 한 방에 제대로 파고드는 강의를 기획하고 오랜 준비 끝에 완성했습니다.

이 강의는 자바스크립트 언어를 집중적으로 깊이 파고드는 강의로, 웹 개발 적용은 마지막 섹션에서 핵심 부분만 다룹니다. 수강 전 커리큘럼을 확인해주세요.

기초부터 고급까지의
문법과 기능을 자세히

객체지향, 함수형 프로그래밍
좋은 코드 작성 노하우까지

렉시컬 스코프, 클로저 등
난해한 고급 개념도 쉽게


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

🍼

개발에 입문해서 이제 막
코딩을 배우기 시작한 분

🎨

HTML & CSS를 배우고,
자바스크립트를 배우려는 분

🪴

리액트나 뷰 등을 쓰지만
JS 기초가 아쉬운 개발자

⛏️

자바스크립트를 제대로
파고들고 싶은 현업 개발자

🟨

Node.js, 리액트 네이티브 등
JS를 쓰는 분야의 개발자


이 강의만의 특장점 ✨

빠르고 쉬운
영상 강의 🚀

군더더기 없이 시원시원한 진행으로 여러분의 소중한 시간을 절약합니다. (수강자에 따라 속도가 빠르게 느껴질 수 있는 점 양해 부탁드립니다. 꼭 무료 공개 영상들을 살펴보시고 수강해주세요!)

유튜버 얄코의 쉽고 명쾌한 설명

투머치설명러의
디테일한 강의 🎙️

자바스크립트의 문법과 그 단순 사용법뿐만 아니라, 브라우저 콘솔을 활용하여 자바스크립트가 어떤 식으로 동작하는지, 사용되는 데이터들이 어떤 구조로 이루어져 있는지 등을 깊이 있게 파고듭니다. 상세한 학습을 위해 수많은 예제 코드들이 준비되어 있습니다.

작정하고 만든 예제들과 디테일한 설명을 통해 제대로 파는 학습

웹페이지를 통한
편리한 실습 🖥️

강마다 영상의 주요 포인트와 복붙 가능한 실습 명령어와 코드가 웹페이지에 정리되어 있어서, 이를 따라 하고 응용하며 수월히 실습을 진행할 수 있습니다. 에디터를 따로 사용할 필요 없이, 브라우저의 콘솔 기능을 활용하여 간편하고도 보다 효과적으로 실습이 진행됩니다.

강의 페이지와 브라우저 콘솔을 활용한 편리하고 효율적인 실습

기초 내용
무료 공개 😎

학생분들도 부담 없이 공부하실 수 있도록, 절반 분량을 미리 보기를 통해 무료로 공개합니다.


이 강의를 들으면
무엇이 달라질까요? 💪

  • ✅ 입문자나 비전공자는 코딩에 대한 두려움이 사라지게 됩니다.
  • ✅ 어렴풋이만 알고 있던, 잘 모르고 사용하던 부분들을 명확히 이해하게 됩니다.
  • ✅ 고급 기능들과 난해한 개념들을 확실히 이해하고 실무에 활용할 수 있게 됩니다.
  • ✅ 자바스크립트의 코드를 더욱더 효율적이고 유려하게 작성할 수 있게 됩니다.
  • ✅ 자바스크립트를 스스로 분석하고 파고들 수 있는 내공을 갖추게 됩니다.

어떤 내용을
배우게 되나요? 📚

🏁 Section 0. 인트로

  • 자바스크립트 언어 소개
  • 수강 방법 (⚠️ 필수 시청) / 수강을 위한 환경 세팅


🌱 Section 1. 자바스크립트의 기본적인 사용

  • 콘솔과 주석, 세미콜론 사용법
  • 변수와 상수의 개념과 내부 원리 / 메모리 개념


🎲 Section 2. 자료형과 연산자

  • 자료형의 개념과 동적 자료형 / 부동소수점 오차 개념
  • 원시타입 자료형들, 함께 사용되는 연산자들
  • 원시타입과 참조타입의 개념과 원리


🚥 Section 3. 제어문

  • 블록문과 스코프의 개념 / 스코프 체인과 스택
  • 조건문(if, else, switch)과 실전 활용법
  • for문(일반, 객체, 배열) / (do) while을 통한 반복


🦾 Section 4. 함수

  • 함수와 형태들과 사용법
  • 일급 객체의 개념과 기초 함수형 프로그래밍
  • 매개변수 관련 기능들 / 기타 함수 관련 고급 개념과 활용팁


🧇 Section 5. 객체와 클래스

  • 객체의 개념과 문법 및 활용법 / 신규 간편문법
  • 생성자 함수와 클래스 / 접근자 프로퍼티와 활용
  • 자바스크립트의 객체지향 프로그래밍


⚙️ Section 6. 주요 빌트인 객체

  • 전역 객체, 표준 빌트인 객체의 개념
  • 주요 빌트인 프로퍼티 및 메서드
  • 래퍼 객체, Math, Date 등 빌트인 객체 상세 활용법


🍡 Section 7. 배열

  • 자바스크립트 배열의 특성과 사용법
  • 배열 관련 신규 간편문법과 기본 메서드들
  • 고차함수 메서드들과 체이닝을 통한 함수형 프로그래밍


🩻 Section 8. 객체 깊게 다루기

  • Object 객체와 주요 메서드들 / 프로퍼티 어트리뷰트
  • 깊은 동결 및 복사 / JSON을 통한 직렬화 및 파싱


🧮 Section 9. 추가 자료형들

  • 숫자 자료형의 타 진법들 / 비트 연산 / BigInt
  • 심볼 개념과 문법, 활용법


🚃 Section 10. 이터러블과 제너레이터

  • Set과 Map 문법과 사용법
  • 이터러블과 제너레이터의 구현과 활용법


⛑️ Section 11. 문제들에 대비하기

  • 에러 핸들링 / 타입별 대처와 커스터마이징 / 버블링 개념
  • var의 문제점 / 엄격 모드 / 옵셔널 체이닝


📦 Section 12. 스코프와 바인딩

  • 렉시컬 스코프의 개념 / 환경 레코드
  • 클로져의 개념과 활용법
  • 정적 바인딩과 동적 바인딩 / 화살표 함수의 특성과 활용


🧬 Section 13. 프로토타입

  • 프로로타입과 체인의 개념 / 접근법과 활용법
  • 인스턴스와 프로토타입의 프로퍼티
  • 프로토타입을 활용한 상속 / 믹신의 개념 구현


🛣️ Section 14. 비동기 프로그래밍

  • 비동기의 개념과 구현
  • 프로미스의 문법과 활용, 관련 메서드들
  • async & await 를 통한 간편화
  • 프로미스와 async의 네트워크상 활용


💻 Section 15. 코드파일 다루기

  • HTML로의 로딩 방식들 / 모듈링
  • 번들링과 구버전 컴파일링
  • JSDoc을 통한 힌팅과 자동 문서화 / 디버깅


🌐 Section 16. 웹페이지에 활용하기

  • DOM의 개념과 자바스크립트 상 내부 구조
  • 요소 선택과 조작, 이벤트 구현과 활용

수강 전 참고 사항 📢

실습 환경

  • 운영 체제 및 버전(OS): 윈도우, 맥, 리눅스 모두에서 학습할 수 있습니다.
  • 사용 도구: 브라우저(크롬 또는 엣지 추천)에서 대부분 실습이 이뤄집니다.
  • 에디터: 강의에서는 VS 코드를 사용합니다. (강의 후반부에만 필수 설치)

학습 자료

선수 지식 및 유의 사항

  • 프로그래밍을 처음 시작하는 사람들도 수강할 수 있도록 제작했습니다.
    • HTML, CSS 관련 지식은 16개 섹션 중 마지막 섹션에서만 필요합니다.
  • 수강자에 따라 강의 속도가 빠를 수 있으니 무료 파트를 먼저 살펴보세요!
    • 강의페이지를 함께 활용하여 차근차근 수업을 따라올 수 있습니다.
  • 질문은 반드시 강의페이지에 안내해드린 방식(메일)으로 보내주세요.

자주 묻는 질문을
확인하세요 💬

Q. 자바스크립트를 배우면 무엇을 할 수 있을까요?

A. 오늘날 자바스크립트의 활용도는 무궁무진합니다. 프론트엔드 개발자로서 웹사이트를 만들 수 있을 뿐 아니라, Node.js 기반의 서버도 구축할 수 있죠. 모바일 앱이나 데스크탑 프로그램도 만들 수 있고 머신러닝에도 활용할 수 있습니다.

Q. 프로그래밍을 처음 접하는데 수업을 들을 수 있을까요?

A. 코딩이 처음인 사람들도 따라올 수 있도록 강의를 기획하고 제작했습니다. 비전공자도 어려움 없이 알아들을 수 있도록 쉬운 용어들을 사용하고, 프로그래밍 경험이 없는 사람들을 위해 코드의 동작 원리를 상세히 설명합니다. 브라우저 콘솔을 활용하므로 복잡한 설치과정 없이도 강의를 수강할 수 있고, 강의페이지를 보조교재로 활용하여 실습을 차분히 따라올 수 있습니다.

Q. 이미 자바스크립트로 실무를 하고 있는데, 강의가 얼마나 도움이 될까요?

A. 자바스크립트를 '적당히'만 알아도 개발을 할 수는 있지만, 이를 '제대로' 깊이 있게 공부해 본 경험이 없다면 이 언어의 특성과 강점을 실무로 끌어내는 데 한계가 있습니다. 자바스크립트를 작정하고 파고드는 이 강의를 수강하고 나면 자바스크립트를 '자바스크립트답게' 사용할 줄 알게 되고, 그동안 사용해 온 기능들을 분석하고 보다 효과적으로 활용하는 법도 배우게 될 것입니다.  또한 자바스크립트에 대해 아는 것과 모르는 것의 두루뭉술함에서 벗어나, 이 언어로 무엇이든 할 수 있다는 자신감을 갖게 될 것입니다.

Q. 이 강의를 들으면 웹 개발을 할 수 있게 될까요?

A. 본 강의는 자바스크립트란 언어 자체의 문법과 이론적 지식, 그리고 고급 활용법 등을 깊이 있게 파고들기 위해 만들어졌습니다. 16개 중 마지막 섹션에서 DOM을 배우고 HTML, CSS와 연계하여 웹사이트에 활용하는 실습을 하지만 이들에 대해서는 핵심적인 부분들, 그리고 자바스크립트의 관점에서 심층적으로 분석하는 내용 위주로 다룹니다. 프론트엔드 개발을 본격적으로 실습하는 웹 개발 강의는 기회가 된다면 따로 만들도록 하겠습니다.

Q. HTML과 CSS 관련 지식이 필요하거나 도움이 될까요?

A. (위의 질문과 연결됨) 웹페이지에 자바스크립트를 활용하는 부분은 마지막 섹션에서만 나오기 때문에, 그 이전 15개 섹션들에서는 HTML과 CSS에 대해 모르셔도 강의를 수강하시는 데 지장이 없습니다. 기초적인 지식을 갖고 있으시다면 섹션 16도 큰 무리 없이 수강하실 수 있습니다.

Q. 강의 속도가 빨라서 어렵지 않을까요?

A. 영상의 진행은 빠르지만, 각 강마다 강의 페이지가 링크되어 있어서 영상의 내용을 편하게 복습하고 실습할 수 있도록 해두었습니다. 페이지 곳곳의 예제들과 브라우저 콘솔을 활용해서, 여러분의 시간효율을 최대한도로 활용하는 학습을 진행하실 수 있을 거예요!


얄코는 누구인가요? 😀

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, 도서 혼자 공부하는 얄팍한 코딩지식의 저자입니다.  어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.  낮에는 풀스택 개발자로서 프로그래밍을 하고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  혼자 공부하는 얄팍한 코딩지식 (클릭!)


지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
코딩을 배우기 시작하는 사람
웹 개발을 시작하고 싶은 사람
리액트나 뷰를 다루지만 자바스크립트 지식의 깊이가 아쉬운 개발자
자바스크립트를 '제대로' 파고들어보고 싶은 현역 개발자
자바스크립트를 보다 잘 활용하고 싶은 사람

안녕하세요
얄팍한 코딩사전 입니다.
얄팍한 코딩사전의 썸네일

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, 도서 혼자 공부하는 얄팍한 코딩지식의 저자입니다.  어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.  낮에는 풀스택 개발자로서 프로그래밍을 하고 있습니다.

커리큘럼 총 76 개 ˙ 12시간 31분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 8. 객체 깊게 다루기
Object 07:58
프로퍼티 어트리뷰트 10:26
JSON 09:15
섹션 9. 추가 자료형들
2, 8, 16진법과 비트 연산자 06:04
BigInt 03:53
Symbol 06:15
섹션 10. 이터러블과 제너레이터
Set 07:37
Map 05:17
이터러블 10:55
제너레이터 05:22
섹션 11. 문제들에 대비하기
문제들에 대비하기 19:17
구시대의 유물 var 06:01
엄격 모드 04:14
옵셔널 체이닝 06:14
섹션 12. 스코프와 바인딩
렉시컬과 클로져 07:33
this의 동적 바인딩 10:57
this의 정적 바인딩 08:06
섹션 13. 프로토타입
프로토타입의 개념 10:35
프로토타입과 상속 09:08
섹션 14. 비동기 프로그래밍
비동기의 개념과 타임아웃 07:02
프로미스 10:15
프로미스의 병렬 진행 05:32
async & await 04:54
네트워크 통신에서의 활용 08:26
섹션 15. 코드파일 다루기
HTML에 불러오는 방법들 09:07
모듈과 라이브러리 13:19
웹팩과 바벨 10:11
JSDoc 09:54
디버깅 13:12
섹션 16. 웹페이지에 활용하기
DOM의 개념 08:53
요소 선택과 탐색 12:40
요소 조작 17:44
이벤트 19:33
섹션 17. 강의를 마무리하며
감사합니다. 00:45
강의 게시일 : 2022년 12월 01일 (마지막 업데이트일 : 2023년 01월 29일)
수강평 총 6개
수강생분들이 직접 작성하신 수강평입니다.
5
6개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
parksanghua thumbnail
브라우저 콘솔을 활용해서 자바스크립트를 연구, 분석하듯이 배워나가는 과정이 너무나 즐거웠습니다. 그동안 js를 적당히만 알고 리액트랑 노드를 써왔는데 이 강의를 들으면서 아 이게 이런원리였구나 하고 깨달았던게 정말 많았습니다. 얄코님다운 쉬운 설명 덕에 고급 개념들도 수월히 배울 수 있었습니다. Js를 강의 제목처럼 제대로 파고들어 공부해 보고 싶으신 분들께는 정말 재미있는 강의가 될 것 같습니다. 현업에서 js를 쓰시는 분들께 특히 강력 추천합니다.
2023-01-08
지식공유자 얄팍한 코딩사전
ㅠㅠ 열심히 준비한 만큼 보람있게 해 주는 댓글 감사드립니다!! 다음 강의도 더욱 알차게 준비하도록 하겠습니다!!
2023-01-09
다랑어치킨 thumbnail
완강하였습니다! 어느 정도 딥다이브하여 자바스크립트를 공부할 수 있어서 너무 좋았습니다! 감사합니다~
2022-12-12
지식공유자 얄팍한 코딩사전
감사합니다!! 학습하신 부분들이 실무에 크게 도움 되어드리길 바라겠습니다!!
2022-12-12
김현중 thumbnail
언제나 좋은 강의 감사드립니다! 여러 코딩 강의 많이 들어봤지만 얄코님 강의가 최고에요!!ㅠㅠㅠ
2022-12-10
지식공유자 얄팍한 코딩사전
감사합니다!! ㅠㅜ 강의가 도움 되어드렸기를 바랍니다!
2022-12-10
이동환 thumbnail
앞부분은 보지않으려 했으나, 완강예정입니다. 본인이 완전 초보자가 아니더라도 복습하는 것 + @로 배워갈만한 자료가 많은 것 같습니다. 사실 초반부는 가볍게보고 후반부를 집중해서보면서 배워가려고했는데 처음부터 유익하고, 사용해보지 않은 방법들을 배울 수 있어 좋았습니다. (저는 1년 8개월 웹개발자입니다.)
2023-02-01
지식공유자 얄팍한 코딩사전
열심히 준비한 내용들이 도움이 되어드려 기쁩니다 ㅠㅠ 수강해주셔서 감사합니다!!
2023-02-01
subeomchoi94 thumbnail
HTML 그리고 CSS부터 얄코강좌를 통해서 공부하고 있습니다. 비전공자로서 듣기 편한 강좌라고 생각해서 JS까지 구입해서 공부중이고요. 좋은 퀄리티로 만들어주셔서 감사할 따름입니다~
2023-01-09
지식공유자 얄팍한 코딩사전
감사합니다!! 강의가 충분히 도움되어드리길 바랍니다. 어려운 부분이 있다면 언제든 메일주세요!!
2023-01-09