자바스크립트 마스터리 (ES6+)

최신 자바스크립트 문법 강의로 프로그래밍 스킬업

챌린지를 통해 능동적으로 배우자

ES6+ 최신 자바스크립트 문법 강의를 통해 프로그래밍 스킬을 쌓아나가기

  • 자바스크립트 문법 정리

    프론트엔드, 백엔드 개발자로 성장해 나가기 위한 가장 중요한! 자바스크립트 언어! 기본적인 내용부터 노트를 정리 하며 차곡 차곡 쌓아 올려놓고, 기술면접에 자주 나오는 까다로운 개념까지 함께 정리, 완벽하게 숙달해 봅니다. 단순한 문법 강의 아닙니다. 그 어떤 프레임워크나 라이브러리를 써도 무너지지 않을 강력한 사용법/활용법 알려드립니다.

  • 챌린지를 통한 능동적 학습

    수동적, 주입식으로 진행 되는 강의가 아니라, 체계적으로 기본개념 정리 하고, 함께 공식 문서 찾아 보고, 중간 중간 배운 내용을 활용해 볼 수 있는 챌린지를 통해 문제를 해결해 나가는 연습을 해볼 수 있습니다✨ 프로그래밍 언어를 배울때 어떻게 접근해서 공부해 나가야 하는지 배우기 때문에, 다른 프로그래밍 언어도 쉽게 배울 수 있을거예요.

  • 개발자의 사고력

    문법 강의라고 만만하게 보면 안되요! 개발자가 지녀야 하는 사고법을 알려드려요. 코딩할때 어떤점을 포인트로 잡고 생각해 나가야 하는지, 어떤 부분을 중요하게 생각해야 하는지 알려 드립니다. 다른 프로그래밍 언어, 프레임워크 에서도! 심지어 현업에서 프로젝트 진행시에도 큰 도움이 되는 질문법, 포인트들 알려드립니다.

강의 소개 영상

완강하면 어떤 것이 완성 되나요?

강의 리뷰

강의를 완성하신 드림코더님들 수강평

  • 먼 길 돌아왔습니다

    1. 나는 이론 빠삭하게 파악하고 공부하는 걸 즐겨한다. - 축복 받으신 분이군요 그냥 강의 들으시면서 공부하시면 됩니다 열심히 공부하신 만큼 피가 되고 살이 될 내용들로 가득 찬 강의입니다. 2. 나는 이게 왜 필요한지 납득이 안 되면 공부가 안 된다. - 네, 바로 전데요. 저는 공모전 2번을 치르고 나서야 JS 개념이 '필요'하다는 것을 느꼈습니다. 사실 강의를 신청한 건 아마 3월이었을 텐데 그때는 듣다가 놨었어요. 집중이 안 되더라고요. 개념이 중요하다는 말을 많이 듣긴 했는데 왜 필요한지는 모르겠고, 왜 필요한지 모르니 재미도 없고. 물론 엘리님이 이 개념은 이래저래 중요하다고 얘기는 계속해 주시지만, 이게 뭔가 예전에 듣던 부모님 잔소리 같은 느낌적인 느낌이라고 해야 되나... 와닿지가 않는거죠. 그러다가 협업도 해보고, 개인 프로젝트도 해보고 하다 보니 이게 '필요'하구나. 내가 기본 개념이 '부족'해서 더 성장이 안 되는구나를 확 느끼고는 예전에 샀던 강의를 다시 꺼내 들었습니다. 그리고 모든 챕터에 몰입해서 강의를 듣게 되었어요 (솔직하게 얘기하면 아직도 몇몇 구간은 몰입 안 됨 symbol? generator? ㅋㅋㅋ 더 깨지고 다시 올게요) 저 같은 분들이 계시다면 일단 부딪혀 보시는 것도 좋은 방법이라고 생각해요. 실컷 넘어지시고 "아 저게 '필요'하구나"라고 절실히 깨닫는 만큼 많은 것을 가져가실 수 있는 강의입니다.

    niabc70
    niabc70
  • 처음으로 배워본 자바스크립트 문법

    저는 문과계열 연구원으로 일을 하고 있습니다. 이곳에서 생활이 저와 맞지 않고, 소위말하는 '고인물' 선배들을 너무 많이 보며, 업계에 회의를 느꼈습니다. 전직을 생각하며, 어떤 일을 해야할까.. 고민하다가, 다른 유튜버 강사님의 HTML/CSS 강의를 듣게 되었습니다. 조금만 해도 바로 결과물을 확인할 수 있어서 즐거웠습니다. 새로운 언어와 최신 기술을 계속해서 익혀나가야 하는 개발 필드가 저의 적성에 잘 맞을 것 같다는 생각이 들어 본격적으로 공부를 시작하게 되었습니다. 그러면서, 드림코딩 유튜브를 알게 되었고, 영상을 보다가 아카데미까지 타고 들어오게 되었네요. 석사를 졸업할때 살짝 파이썬을 맛봤었는데, 프로그래밍에 대한 이해가 없는 상태에서 구글링만을 통해 매우 힘겹게 논문 작업을 했던 기억이 있습니다. 이후, 파이썬을 더 공부해보려 했지만, 왜인지 저와는 잘 맞지 않는것 같았습니다. 그런 상태로 엘리쌤의 자바스크립트 강의를 듣게 되었습니다. 물론, 강의의 모든 내용을 한번에 다 이해하지는 못했지만, 대략적인 언어의 큰 그림과 흐름을 이해하는데 많은 도움이 되었습니다. 이제 한번 완강했으니, 앞으로 두번 세번 더 들어보며 JS를 완전히 제 것으로 만들어 보려 합니다. 특히, 강의 중간중간 재미있는 퀴즈를 내 주셔서 실력 향상에 도움이 되었고, MDN 문서 링크, 참고할만한 자료 등, 많은 팁과 소스들을 함께 제공해 주셔서 정말 좋았던 것 같습니다. 생전 처음보는 MDN 문서였지만, 이제는 혼자서도 구글링과 MDN 문서를 참고하며 심플한 문제는 해결해 나가는 힘을 기를 수 있었습니다. 혹시나 이 강의를 듣고자 망설이는 분이 계시다면, 적극 추천드립니다! 광고 영상과 같이, 떠먹여주는 수업이 아닌, 찾아 먹을 수 있도록 방법을 알려주는 강의입니다. 감사합니다.

    geniusyena332
    geniusyena332
  • 엘리님 강의 팬입니다 :)

    엘리님 강의는 유투브를 통해서 알게 되었습니다. 정말 아무것도 모를 때 포트폴리오 강의를 듣다가 좌절하고 HTML, CSS를 간신히 이해하기 시작하면서 JS강의를 다시 시작했습니다. 기초부터 잘 정리된 강의를 찾기 시작했는데 한국에서 유명한 온라인 강의도 들어보고 엘리님 강의까지 왔는데 엘리님 강의가 저에게는 딱이더라고요. 깔끔하게 정리가 잘 되어있고, 설명해주시는 부분을 잘 적어놓고 복습할 때 보시면 이해하기 더 쉬워집니다. 프론트앤드개발자를 입문하기에 정말 좋은 강의이고 이 강의를 바탕으로 포트폴리오 강의도 다시 돌아가서 보기 시작했는데 그 사이 업데이트를 해주셨더라고요. 평생강의로 충분하다고 봅니다!!! 30대 초부터 생각만하고 코로나를 거치면서 용기를 내서 공부를 시작했는데 우울한 시기를 그나마 개발자 공부를 하면서 희망을 가지고 견뎠네요. 해외에서 지치고 우울한 시간을 보내고 이제 이 강의를 기반으로 나도 할 수 있겠는데 라는 생각이 드니 이젠 이런 호기심이 동기가되어 그 동기 하나만으로 저를 이끌어가고 있습니다. 많은 걱정들에 잠식되어 있었는데 이젠 이를 통해서 길을 찾아가는 게 신기하네요. 이해가 안되는 부분이 있더라도 꾸준히 하다보면 결국 출발점에 도달하리라 믿습니다. 이젠 리액트 강의와 101 강의를 계획하고 있습니다. 자바스크립트는 매일 매일 하는 연습경기처럼 몸풀이 경기처럼 하다보면 될 거라고 생각합니다. 오늘 정복하지 못했다고 영원히 안되리라는 법은 없으니까요. 엘리님 설명을 들어보시면 아시겠지만 본인이 공부하시면서 정리하는 습관이 있으셔서 그런지 짜임이 좋은 강의입니다. 강의들으시는 많은 분들 포기하지 마시고 호기심에 물을 부어보시기 바랍니다.화이팅!!

    canghl24
    canghl24
  • 자바스크립트 기초는 탄탄하게 다진 것 같습니다!

    안녕하세요. 저는 현재 자바스크립트보다 리액트로 개발중인 프론트엔드 지망생입니다! 그런데 리액트도 꽤 다뤄봤다고 생각했는데 이상한데서 계속 찝찝함이 남더라고요... 뭔가 더 깊이 이해하지 못하는 느낌, 깊은 작동원리를 모른채 처리하는 느낌이랄까요? 그것이 계속 찜찜함으로 남아서 뭔가 더 기초를 쌓아야 하는건가? 싶어 이 강의를 수강하게 되었습니다. 그리고 완강한 결과 제 생각이 맞았습니다. 무언가 찜찜함이 완벽하게 해소된 것은 아니지만 조금이라도 턴 것 같습니다. 자바스크립트를 쓴다면 정말 자바스크립트에 대한 기초를 탄탄히 해야 다른 프레임워크나 라이브러리들을 잘 쓸 수 있는 것 같아요. 물론 중간중간 정말 이해가 가지 않았던 것도 있었어요. 이해가 가지 않는 건 정말 강의가 휘리릭 지나가는 느낌이라서 ??? 하며 계속 돌려감기하며 두번 세번 들었던 것 같습니다. ㅋㅋ 예를 들어 이터레이션, 이터러블, 이터레이터에 대한 개념 부분을 설명해 주실 때 안 그래도 단어가 비슷해서 계속 뭐가 뭐지??? 하며 최소 3번 들었던 것 같습니다 ㅋㅋㅋ 이 모든 것의 기초인 자바스크립트에 대해 정말 배우고 가는 것 같습니다. 감사합니다. 엘리님! 덕분에 자바스크립트에 대한 자신감이 조금 생겼습니다!

    wowo6806
    wowo6806
  • 엘리님이 프론트엔드 개발자인건 저에게 정말 큰 행운입니다.

    개발자로의 이직을 준비하며 저의 개발 언어로 Javscript를 선택하여 공부하고 있는데요. 여러 인강들을 들어보고 찾고 하다 유튜브에서 엘리님을 알게되었고, 유튜브 영상들을 보니 너무 잘 가르쳐주셔서 인강까지 수강하게 됐습니다. 근데 정말 최고의 선택이였습니다... 강의 자료들도 너무 퀄리티가 좋고, 근본원리 뿐만아니라 현업에선 어떻게 사용되는지 등 궁금한 것들을 전부 알려주셔서 정말 기본기가 탄탄하게 쌓이고 언어에 대한 깊은 이해가됩니다. 거기다 내 이해도를 점검해볼 수 있는 중간 중간 좋은 퀴즈들까지 있어서 자가점검도 확실하게 됩니다. 또 뭐니뭐니 해도 엘리님이 항상 긍정적인 에너지를 발산하면서 강의를 진행해주셔서 듣는동안 오히려 힘이나고 더 열심히 하고싶다는 생각이 들게합니다. 엘리 님의 다른 강의들도 보니 제가 다 공부해보고싶었던 것들이라서 너무 행복합니다. 훌륭한 개발자이자 선생님이신 엘리님이 제가 목표로 하고 있는 프론트엔드 개발자라서 엘리님의 강의를 전부 들을 수 있다는게 너무나 큰 행운입니다. 빨리 엘리님의 모든 강의를 완강하고싶네요 🔥 좋은 강의 정말 감사드립니다 🙇

    roadzmoon76
    roadzmoon76
  • JS의 깊은 이해를 얻어갑니다!

    취업보다는 홈페이지를 직접 만들어보고 싶은 마음에 웹개발 온라인 강의를 듣기 시작했습니다. html css는 큰 무리 없이 이해가 가능했는데, 자바스크립트 강의로 들어가면서 벽에 부딪히는 느낌이 들었습니다. 초보자 대상 강의라 그랬는지, 깊이 있게 다뤄주지 않아서 이해가 안되는 부분이 많았습니다. 반면 인터넷에 영어로 쓰여진 자바스크립트 설명서들은, 깊이 있는 설명으로 이해에 도움이 되었지만, 다루는 내용이 너무 많고 영어로 쓰여져서 시간이 오래 걸렸습니다. 평소에 유튜브에서 엘리님 영상을 틈틈이 봤는데, 웹개발 언어에 대해서 깊이 있게 다뤄주시는 것 같아 자바스크립트 마스터리 강의를 수강하게 되었습니다. 역시나 기존 온라인 강의에서 이해할 수 없었던 부분들을 깊이 있게 다뤄주셔서, 많은 궁금증이 해소되었고 자바스크립트에 대한 '얕은 카피'가 아닌 '깊은 카피'를 얻게 되었습니다. 좋은 강의 감사드립니다. 단순히 홈페이지 만드는 목표만 갖고 시작했는데, 배우다 보니 재미도 있고 욕심도 생겨서, 앞으로 다른 강의들(프론트엔드 기초, 타입스크립트, 리액트, 노드 등)도 차례 차례 공부해 볼 예정입니다!

    simct1799
    simct1799
왜 자바스크립트 문법 강의인가?

왜 자바스크립트 문법 강의인가?

웹개발의 시작은 자바스크립트 언어죠!

스택오버플로우 설문조사에서 꾸준히 1위를 차지 하고 있는 자바스크립트 언어는 웹개발에서 빠질 수 없는 중요한 프로그래밍 언어예요. 프론트엔드 뿐만 아니라 백엔드까지 활용 범위가 넓어서 한번 배워두면 가성비가 정말 좋아요. 다른 프로그래밍 언어와의 차이점에 대해서도 알려 드리기 때문에, 강의 완강후, 다른 언어들도 충분히 쉽게 배울 수 있게 됩니다

기본부터 고급까지!

기본부터 고급까지!

기본 문법 부터 내부 동작 원리까지 제대로 배워봐요

기본적인 내용 (변수와 메모리, 자주 쓰는 연산자, 제어문, 함수, 객체, 클래스, 비동기) 뿐만 아니라 자료구조 (배열, 맵, 셋), 비동기 코드 작성법에 대해 차근차근 배워요. 시각적인 슬라이드와 다양한 예제 코드를 통해 차근차근 정리해 보고, 기본 사용법을 숙지 한 뒤, 자바스크립트 내부 구현사항(호이스트, 스코프, 클로져, 프로토타입 등)에 대해 원리적으로 배워봅니다. 기술 면접에 자주 등장하는 용어들 정리는 덤이죠! 🐝

문법 강의 그 이상을!

문법 강의 그 이상을!

문법을 넘어 사용법, 활용법 까지!

단순히 문법을 설명하는것에 그치지 않고, 자바스크립트를 베이스로한 프레임워크, 라이브러리에서 어떤 문법을 자주 쓰는지, 어떤 부분을 중요하게 생각해 봐야 하는지 알려드려요. 프론트엔드 또는 백엔드에서 자주 쓰이는 프레임워크 사용하실 때 자바스크립트 문법 때문에 막히는 일은 없으실거라고 생각합니다 💪

함께 노트를 정리 하면서

함께 노트를 정리 하면서

앞으로 계속 참고할 수 있는 노트를 완성해요

차근 차근, 하나 하나씩 코드 파일에 노트를 작성해요 ✏️ 단순히 지식을 배우는것에 그치지 않고 내 손으로, 눈으로 코드가 동작하는 과정을 확인하면서 손에 익을 수 있게 할거랍니다. 그리고 나중에 참고할 수 있게, 확인해 볼 수 있도록 작성할거예요. 강의가 끝나면 자바스크립트 문법 노트가 내손에 📒

개발자의 논리력

개발자의 논리력

코드를 작성할때 중요한 포인트들!

단순히 문법 강의라고 만만하게 보시면 안되요! 변수 이름 짓는 법 부터 시작해서 코딩을 할때 중요하게 지켜야 할 원칙, 접근법, 사고법에 대해서도 알려드려요. 강의 중간 중간 중요한 포인트들을 이렇게 말풍선💬 을 통해서 하나씩 알려드립니다. 자바스크립트 문법 강의를 들었는데, 코딩 실력이 한단계 업그레이드 되는 마법의 힘을 느껴보세요

능동적으로 직접 손으로!

능동적으로 직접 손으로!

코딩은 머리로만 공부하는게 아니예요

배운 내용을 복습하고 활용할 수 있도록 다양한 챌린지들이 준비되어 있어요. 직접 고민하고 찾아보고 코드를 내손으로 직접 작성해 보면서 자바스크립트를 온전히 내것으로 만들 수 있어요. 어떻게 챌린지에 접근하면 좋은지, 어떤 방식으로 코딩을 작성하면 되는지, 재사용성을 높이기 위해서는 어떻게 하면 좋은지도 당근! 알려드려요

내가 들어야 할까?

수업에 적합한지 확인해 보세요

  • 앞으로 웹개발을 해야 해서 자바스크립트 언어를 배워야 한다. 배워 보고 싶다!
  • 프로그래밍 언어를 배우는 스킬과 전반적인 코딩 실력을 향상하고 싶다
  • 까다로운 호이스팅, 스코프, 클로져, 렉시컬 환경, This 바인딩등 원리에 대해 배우고 싶다
  • 문제를 정의하고, 솔루션을 코딩하는 연습을 해보고 싶다.
  • 재사용성이 높은 코드로 향상하는 법도 배워보고 싶다
  • 22개

    챕터

  • 810분+

    동영상

  • 14시간+

    분량 강의

강의 커리큘럼

아래 커리큘럼과 미리보기를 보시고 신중하게 결정해 주세요

  1. 1.1 자바스크립트 강의 소개
    02:42
  2. 1.2 저작권 관련 안내사항 (중요!)
  3. 1.2 슬랙 가입하기 (중요!)
  4. 1.3 🚨 토론창 이용 공지사항 (꼭 읽어보고 토론창 이용하세요)
  1. 2.1 자바스크립트란?
    02:00
  2. 2.2 자바스크립트 엔진에 대해
    03:18
  3. 2.3 ECMAScript란?
    07:19
  4. 2.4 자바스크립트 정의 샅샅이 보기
    02:42
  5. 2.5 자바스크립트 공부 방법 및 계획 ✍️
    05:53
  6. 2.6 앞으로 공부 계획 (어떻게 공부할까?)
    02:01
  1. 4.1 컴퓨터의 구성요소 (메모리)
    04:53
  2. 4.2 변수 선언 및 할당
    07:18
  3. 4.3 변수 이름 짓는 법 (나쁜 예제 💩)
    11:07
  4. 4.4 숫자 타입 (number)
    06:51
  5. 4.5 문자열 타입 (string)
    07:15
  6. 4.6 불리언 타입 (boolean)
    07:09
  7. 4.7 null과 undefined 타입
    04:09
  8. 4.8 객체 타입 (object)
    07:49
  9. 4.9 값과 참조의 차이 (정말 중요 ✨)
    06:31
  10. 4.10 상수 변수 const
    06:18
  11. 4.11 타입 확인 법 (typeof)
    05:13
  12. 4.12 변수의 정말 중요한 포인트😍
    00:59
  13. 4.13 강의 노트 ⬇

공식 수강 기간: 3주 + 추가 무료 복습 기간 제공!

자바스크립트 마스터(ES6+)

지금 엘리와 함께 시작하세요!

  • 엘리의 시그니처 강의

  • 평생 수강가능

  • Q&A 토론창 지원

  • 완강시 수료증 발급

  • 한국어 강의

  • 슬랙 커뮤니티 지원

여러분 미래에 투자하세요🎖

₩90,000

취소 및 환불정책 대해 알아보세요

강사 소개

  • 엘리 | 드림 코더

    엘리 | 드림 코더

    Full-Stack(+mobile) Engineer | Engineering Manager

    뛰어난 강의력! 강의 맛집!으로 인정받은 15만+ 구독자 '드림코딩' 유튜브 채널 운영자 엘리! 삼성전자 임베디드/안드로이드 연구원으로 4년 근무 후, 해외에서 10년+ 현업에서 일한 경험까지 겸비! 안드로이드, 아이폰, 백엔드, 프론트엔드 개발자로 일했으며, 테크리더부터 팀장, 그룹장(엔지니어링 매니저)까지 리더쉽 포지션에서도 활동했습니다.탄탄하게 쌓아온 실무 경험과 성장했던 비법까지 여러분께 모두 전수해 드리고 싶습니다! 진정한 개발자란 현재 가지고 있는 지식과 경험, 노하우에 만족하고 멈춰 있는 것이 아니라 끊임없이 배움을 추구하며 열정적으로 살아 가야 한다고 믿고 있습니다. 그 열정, 강의를 통해 나눠드리고 싶어요! 함께 달려봅시다! 🎖

    자주 묻는 질문들