Yalco's Easiest React
yalco
Learn React most easily and quickly with Explanation Master YALCO's rich and dense lectures!
초급
JavaScript, React, Node.js
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서적들을 집필하는 작가입니다. 풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.
이런 분들께
추천드려요
학습 대상은
누구일까요?
코딩을 배우기 시작하는 사람
웹 개발을 시작하고 싶은 사람
리액트나 뷰를 다루지만 자바스크립트 지식의 깊이가 아쉬운 개발자
자바스크립트를 '제대로' 파고들어보고 싶은 현역 개발자
자바스크립트를 보다 잘 활용하고 싶은 사람
31,520
명
수강생
1,715
개
수강평
95
개
답변
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
강의 게시일:
마지막 업데이트일:
수강평
전체
109개
4.9
109개의 수강평
sangpark수강평 2
∙
평균 평점 5.0
5
100% 수강 후 작성I really enjoyed learning JavaScript by studying and analyzing it using the browser console. I only knew a little bit about JS and used React and Node, but while taking this lecture, I realized a lot of things like, "Oh, this is how it works." Thanks to Yalko's easy explanations, I was able to learn advanced concepts easily. I think this will be a really fun lecture for those who want to study JS properly, as the title suggests. I especially recommend it to those who use JS in the field.
- yalco지식공유자
ㅠㅠ Thank you for the comments that made my hard work worthwhile!! I will prepare the next lecture even more informatively!!
- spacecat
수강평 3
∙
평균 평점 5.0
5
95% 수강 후 작성I've never written a lecture review before, but this is really...ㅋㅋㅋㅋㅋㅋㅋㅋㅋ It's amazing.. ㅎ.. I'm a non-major, but I'm really glad I started learning JavaScript through this lecture. I think it will be very helpful when I study other languages later. I was impressed by the way you handled memory addresses. . When I briefly studied C++ in the past, I was so confused about heap and stack in the memory section, but now I'm finally getting it sorted out. . It's so fun ㅋㅋㅋㅋㅋㅋㅋ Actually, I was a little worried because of the nickname, "Thin Coding Dictionary," but I paid the course thinking that I could finish it quickly because the content was light, but it was a huge surprise. ㅋㅋㅋㅋ It's a choice I don't regret. I think this is a lecture that only someone who has a deep understanding of the field can take. I realized that the basic grammar I've studied so far was very light. What lecture are you preparing next? I'm really looking forward to it..
- yalco지식공유자
I'm really happy to help you ㅠㅠ I feel like my hard work paid off!! The next lecture is about Java, which is widely used in Korea. I will complete it with even better content and present it to you. Thank you!!
- smreoml5127
수강평 1
∙
평균 평점 5.0
5
70% 수강 후 작성When the class first started, I saw it for a few days and couldn't see it because of work, but I'm watching it again these days! Before, I had vaguely seen the contents in the book, so I didn't understand them well, but this lecture explains everything from the basics to advanced concepts really well and easily. I think that no matter what framework you use, you should have a solid foundation in the basics of JS, so this is a great lecture for solidifying the basics! I think I'll have to look it up and take it repeatedly if I get confused even after completing the class. Thank you~!
- yalco지식공유자
I'm glad it helped you learn!! Thank you for taking the class~~
- limyeheew5363
수강평 2
∙
평균 평점 5.0
5
56% 수강 후 작성I'll leave a review after listening to up to the 9th lecture. This lecture is not a programming language lecture for beginners in programming, but rather a lecture for those who have completed at least the introductory level of other languages. Rather than slowly showing the taste of programming, it feels like delving into the JavaScript language itself. Those who find the lecture difficult should not try to memorize it too much, but rather fill up your 'coding skills' by solving simple problems or developing projects, and then come back. (Of course, those who understood the free lecture part should not be afraid and pay.) I had some experience with Java, so it wasn't difficult for me to understand, and I was able to learn by comparing the differences between Java and JavaScript, but if I had no development experience at all, most of the content would have been difficult to understand. And when the instructor looks at the code, he uses a lot of demonstrative pronouns like 'this', 'that', 'this function produces this result'. Unless the student is following the flow of the lecture perfectly and is concentrating on the instructor's mouse cursor movements, it is difficult to understand what 'this' means, so I think it would be better to intentionally avoid using demonstrative pronouns for better understanding of the lecture. ex) When I ran the toString function like this, this is the result. - X ex) When I ran the toString function with 2 as the argument, the string 0b11 came out. - O This review may sound like a harsh review, but I am listening with great satisfaction. Thanks to the lecture flow that quickly checks the example code and the result value and analyzes the result, It contains a lot of information in a short amount without being too long, And there may be explanations that are difficult for beginners to understand, but that does not mean that the explanations are unfriendly. If someone with some programming experience wants to know what kind of language JavaScript is, I think it is a very good decision to purchase this well-compressed and well-prepared lecture for the regular price of 50,000 won. *There was a pronunciation story, but I have never felt that the pronunciation was strange. I watch both Yalko's YouTube and Infleun lectures well. I love you.
- yalco지식공유자
[Additional response on 11/1/2023] In response to your comments, I have re-edited the entire lecture. I have slowed down the perceived speed by giving some leeway to parts such as screen transitions that were too fast, and added markers to make it easier to find the parts that are being talked about in the video. Please understand that it took a very long time. If you watch the videos again now, you will be able to take the class much better than before. Thank you for giving me your valuable feedback and helping me improve the lecture. Thank you for your good feedback, I have improved the lecture overall. Thank you again!! - - - - - Thank you so much for the detailed and thoughtful lecture review!! Thanks to you, I was able to confirm things I hadn't thought of, and I was able to think more about which parts I should improve more specifically and how I can be more considerate of beginners. I will try to reflect the parts you mentioned as much as possible in the next lecture to create better content. I am so glad and happy that the lecture was helpful to Park Jeong-sik. Thank you again for taking the class!
- newbieccc
수강평 22
∙
평균 평점 4.8
5
100% 수강 후 작성As I was aiming for the 'backend', I reflected on the past days when the 'front' was simply focused on implementing functions. After going through the basics to advanced content, I realized that it was such a fun language. I think I need to go back and study it repeatedly (because I want to learn it properly and enjoyably) and I think I need to create prettier codes! It was a great lecture. Thank you.
- yalco지식공유자
I'm so glad that the lecture was helpful! Thank you!!
₩55,000
![[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core강의 썸네일](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
![[Code Camp] Highly concentrated backend course created at boot camp강의 썸네일](https://cdn.inflearn.com/public/courses/329996/cover/2be99a0c-5d5a-4e15-b85b-53c09879058a/thumbnail-backnew.png?f=avif&w=420)
