しっかり学ぶGit & GitHub - by ヤルコ(Yalco)
yalco
コーディング初心者でもついてこれる親切で簡単な講座！ 現役のエンジニアはGitマスターになれる決定版講座！
Beginner
Git, GitHub
BEST
제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)
코알못도 따라올 수 있는 친절한 강좌! 현업 개발자는 자바스크립트 박사로 들어주는 끝판왕 강좌!
먼저 경험한 수강생들의 후기
이런 걸 배울 수 있어요
자바스크립트의 기초부터 상세 문법과 고급 사용법
최신 문법과 현대적인 자바스크립트 활용법
자바스크립트에 대한 깊이 있는 이론, 실전 지식
자바스크립트를 통한 객체지향과 함수형 프로그래밍
렉시컬 스코프, 클로져 동적 바인딩 등의 고급 개념들
프로미스와 async 등을 통한 비동기 프로그래밍
모듈, 번들링, 컴파일, 문서화 등 유용한 실전 활용법
DOM을 통해 웹 개발에 활용하기
한 번 수강하면 다른 강의가 필요 없도록
제대로 JS에 파고들어 봐요 🛠️
🎁 유튜브에 댓글 남기고 반값에 수강하기
아래 링크의 유튜브 영상(이 강의의 무료 파트)에 힘이 되어주는 댓글을 달아주시고(한 줄도 괜찮습니다) 스크린샷을 yalco@yalco.kr 로 보내주시면 이 강의의 반값 쿠폰을 보내드립니다!
영상 링크: https://youtu.be/8kmtCVgqM34
자바스크립트 언어 집중 공략 🔥
한 번 수강하고 나면 다른 강의를 들을 필요가 없는 강의를 만들고 싶었습니다. 초보자로서 기초 강의를 들은 후 실무에 뛰어들었을 때 뭔가 부족하다는 느낌을 받는 분들 많으시죠? 고급 강의와 콘텐츠들을 찾아다니며 갈증을 채우는 수고로움을 덜어드리고자 🍼 입문자를 위한 생기초부터 🍺 실무자를 위한 고급 개념과 활용까지 한 방에 제대로 파고드는 강의를 기획하고 오랜 준비 끝에 완성했습니다.
이 강의는 자바스크립트 언어를 집중적으로 깊이 파고드는 강의로, 웹 개발 적용은 마지막 섹션에서 핵심 부분만 다룹니다. 수강 전 커리큘럼을 확인해주세요.
기초부터 고급까지의
문법과 기능을 자세히
객체지향, 함수형 프로그래밍
좋은 코드 작성 노하우까지
렉시컬 스코프, 클로저 등
난해한 고급 개념도 쉽게
이런 분들께 추천해요 🙋♀️
🍼
개발에 입문해서 이제 막
코딩을 배우기 시작한 분
🎨
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 코드를 사용합니다. (강의 후반부에만 필수 설치)
학습 자료
- 강의페이지 (보조교재): 🔗 제대로 파는 자바스크립트 (무료 파트) | 얄코 (yalco.kr)
- 유료 파트의 강의페이지는 해당 파트에서 공개됩니다.
선수 지식 및 유의 사항
- 프로그래밍을 처음 시작하는 사람들도 수강할 수 있도록 제작했습니다.
- 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. 영상의 진행은 빠르지만, 각 강마다 강의 페이지가 링크되어 있어서 영상의 내용을 편하게 복습하고 실습할 수 있도록 해두었습니다. 페이지 곳곳의 예제들과 브라우저 콘솔을 활용해서, 여러분의 시간효율을 최대한도로 활용하는 학습을 진행하실 수 있을 거예요!
얄코는 누구인가요? 😀
유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다. 풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.
이런 분들께
추천드려요
학습 대상은
누구일까요?
코딩을 배우기 시작하는 사람
웹 개발을 시작하고 싶은 사람
리액트나 뷰를 다루지만 자바스크립트 지식의 깊이가 아쉬운 개발자
자바스크립트를 '제대로' 파고들어보고 싶은 현역 개발자
자바스크립트를 보다 잘 활용하고 싶은 사람
30,916
명
수강생
1,636
개
수강평
94
개
답변
4.9
점
강의 평점
17
개
강의
유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다. 풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.
🎬 YouTube 얄팍한 코딩사전 채널 (클릭!)
📕 얄코의 책들 보러가기 (클릭!)
커리큘럼
전체
81개 ∙ (13시간 3분)
7. 콘솔 활용하기
11:54
8. 주석과 세미콜론
07:25
10. 자료형 - 데이터의 종류
10:49
11. 자료형과 정적, 동적 타입
04:46
13. 문자열에 사용되는 연산자
13:25
15. 부동소수점과 실수계산 오차
02:35
17. 연산자 마무리
05:06
18. 객체와 배열 미리보기
12:53
19. 원시 타입 vs 참조 타입
07:58
강의 게시일:
마지막 업데이트일:
수강평
전체
106개
4.9
106개의 수강평
sangpark수강평 2
∙
평균 평점 5.0
5
100% 수강 후 작성ブラウザコンソールを活用してJavaScriptを研究、分析するように学んでいく過程がとても楽しかったです。これまでjsを適当にだけ知ってリアクトランノードを使ってきたが、この講義を聞きながら、ああ、これはこういう原理だったんだと悟ったのが本当に多かったです。ヤルコ様らしい簡単な説明のおかげで、高度な概念も簡単に学ぶことができました。 Jsを講義のタイトルのようにきちんと掘り下げて勉強してみたい方には本当に楽しい講義になりそうです。現業でjsを使う方に特に強力おすすめです。
- yalco지식공유자
ㅠㅠ一生懸命準備しただけにやりがいのあるコメントありがとうございます！
- spacecat
수강평 2
∙
평균 평점 5.0
5
95% 수강 후 작성これまで講義評 一度も残したことがないのにこれは本当に..ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 非専攻者なのですが、この講義でJavaScriptを始めることになり、誠に幸いです。後で他の言語を勉強するときにも役に立つと思います。メモリアドレス扱ってくださるのを見て感動しました。 。以前にC++を少し勉強したとき、メモリ部分でヒープ、スタックがとても混乱していましたが、もう少し整理になりますね。 。とても面白いです。 実はヤルパクなコーディング辞典というニックネームのために軽く心配しながらも内容が軽くて早く済ませられるという考えで決済しましたが途方もない反転ですね。 これは本当にその分野を深く理解している人だけが撮れる講義だと思います。これまで私が勉強した基本文法はあまりにも軽さそのものだったことに気づきました。次に準備しておられる講義は何ですか..本当に期待されますね..
- yalco지식공유자
助けてくれて本当に嬉しいですㅠㅠ一生懸命準備したやりがいを感じます！次の講義はやはり韓国で広く使われているJavaを準備しています。さらに良いコンテンツに仕上げてお披露目いたします。ありがとうございます！
- smreoml5127
수강평 1
∙
평균 평점 5.0
5
70% 수강 후 작성初めて開講した時数日見て会社日の言い訳で釘よりが最近また見ています！ 従来は本でどんどん見た内容であり、しっかり理解がうまくいかなかったのですが、基本から上級概念まで本当に簡単によく説明してくれます。 どんなフレームワークを使っても、jsの基本は基礎になるべきだと思いますが、基本を着実に固めるのにとても素晴らしい講義です！ 頑張った後も混乱したら探してみながら繰り返し受講しなければなりそうです〜！
- yalco지식공유자
学習に役立てて嬉しいです！受講していただきありがとうございます~~
- limyeheew5363
수강평 2
∙
평균 평점 5.0
5
56% 수강 후 작성9講まで聞いて中評残します。 このレッスンは、プログラミング入門者のためのプログラミング言語レッスンではなく、 他の言語を少なくとも入門段階までは終えた人を対象とする講義で感じられます。 ゆっくりとプログラミングの味を見せるというよりは、JavaScript言語自体に対して掘り下げる感じです。 講義が難しく感じられる方はあまり無理に覚えようとしないで、簡単な問題プールや作品開発をしながら'コーディングちゃん'を満たしてからまた戻ってもいいようです。 （もちろん無料講義パートがご理解のあった方はおびえずに決済してもいいと思います） 私はJavaの経験がある程度あると聞いたので理解するのは難しくありませんでした。 開発経験が全くない状態で聞いたら理解できない内容がほとんどだったようです。 そして、インストラクターがコードを見ながら、このような結果は、次のようになります。のような指示代名詞を多く使用しますが、 受講者が川の流れに完全に追いつくと同時に講師のマウスカーソルの動きを集中していない以上 'これ'が何を言っているのかを理解するのは難しいので、指示代名詞の使用をわざわざ避けることは講義の理解に良いと思います。 ex) toString 関数をこうして実行したところ、このような結果が出ましたね。 ex) toString関数引数として2を入れて実行したところ、0b11という文字列が出ました - O 受講評が酷評のように聞こえますが、私はとても満足して聞いています。 サンプルコードと結果値をすばやく確認し、結果を分析する講義の流れのおかげで 伸びないように短い分量に多くの情報を盛り込んで、 入門者が理解しにくい説明があると思われますが、それが説明が不親切であるという話ではありません。 どの程度のプログラミング経験がある人がJavaScriptという言語がどんな言語なのか知りたいのなら、定価5万どのくらいにこの程度によく圧縮され、よく準備された講義を購入することは非常に良い判断と考えられます。 *発音の話がありましたが、発音が変なのは一度も感じられませんでした。 ヤルコ様のYouTubeとインフラの川の両方をよく見ています。
- yalco지식공유자
[2023/11/1 追加回答です。] 申し上げた内容を反映し、講義を全般的に再編集しました。 画面切り替えなどが早すぎる部分に少し余裕を与えて体感速度を下げました。 ビデオで話す部分を画面上で見つけやすいようにマーカーを追加しました。 時間がとても長くかかる作業だった点ご了承ください。 今再び映像を見れば、以前よりずっと受講する方が良いでしょう。 貴重なフィードバックをいただき、講義を向上させていただきありがとうございます。 良いフィードバックのおかげで講義を全体的に改善することになりました。もう一度ありがとう！ - - - - - 詳細で思いやりのある講義評に感謝！おかげで、未だ思っていなかった点を確認することができ、どんな部分をより具体的に改善すべきか、入門者の方々をどのようにさらに配慮できるかについてもっと考えてみることができました。 教えてくれた部分を次の講義に最大限反映して、より良いコンテンツを作ってみたいと思います。 講義がパク・ジョンシクに助けてくれて本当に幸いで嬉しいです。受講していただきありがとうございます！
₩55,000
![[コードキャンプ]ブートキャンプで作られた高濃縮バックエンドコースCourse Thumbnail](https://cdn.inflearn.com/public/courses/329996/cover/2be99a0c-5d5a-4e15-b85b-53c09879058a/thumbnail-backnew.png?f=avif&w=420)
