채널톡 아이콘
BEST

진짜! 자바스크립트(Javascript) - 기초부터 고급까지

🌟 자바스크립트의 기초부터 고급까지, 진짜! 자바스크립트 강의에서 시작하세요! 🌟

Thumbnail

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

이런 걸 배울 수 있어요

  • 프로그래밍의 기본 원리와 코드를 분류해서 이해하는 방법

  • 수업 환경을 준비하고 설정하는 방법

  • 데이터의 기본 타입, 그리고 객체 타입에 대한 깊은 이해

  • 연산자와 제어문을 활용한 로직 구현 방법

  • V8 자바스크립트 엔진의 동작 방식

  • 클로저, 스코프 체인, 그리고 this 바인딩과 같은 핵심 자바스크립트 개념

  • 프로토타입과 ES6의 class 키워드를 중심으로 한 객체지향 프로그래밍

  • 오류를 처리하는 방법과 비동기 프로그래밍 패턴

  • Generator, Iterable, Iterator와 같은 고급 프로그래밍 패턴

  • 모듈화된 코드 구조를 설계하고 구현하는 방법

🚀 자바스크립트의 모든 것, 이 강의에서 완성하세요! 🚀

🌟 왜 이 강의를 들어야 할까요?

모든 곳에서 자바스크립트(JS)를 사용하고 있습니다. 자바스크립트는 웹, 서버, 모바일 앱, 데스크탑 앱 등 다양한 영역에서 핵심 프로그래밍 언어로 사용되고 있습니다.

그렇다면 프로그래머로서 당신의 첫걸음은 어떤 것이 좋을까요? 바로, 한 언어를 깊이 있게, 철저하게 배우는 것입니다. 그리고 배운 하나의 언어로 다방면에서 활용하며 프로그래밍의 즐거움을 경험하는 것입니다.

그 시작으로 자바스크립트를 선택한다면,
기초부터 고급까지 모두 다루고 있는 진짜! 자바스크립트. 이 강좌가 완벽한 선택이 될 것입니다.

😄

기초부터 고급까지

확실하게!


😁

V8엔진, 실행 컨텍스트, 클로저, 객체지향 그리고 제너레이터까지!

😆

모든 코드

직접 입력하고 설명합니다

🎁

기초 과정
무료 공개

  • 섹션 1부터 섹션 10까지 무료수강하실 수 있습니다.

  • 프로그래밍핵심 원리부터, 변수, 데이터 타입, 연산자, 제어문, 함수의 기본까지 단계별학습합니다.

  • 강의 스타일이 자신과 잘 맞는지 확인해 주세요!

  • [추가강좌] 및 [추가섹션]은 유료로 제공됩니다.

🌟 코딩맥스와 함께하는 진짜! 자바스크립트

직접 구현하고 설명합니다.

원리깊이 파헤칩니다.

자바스크립트내부 구조이해합니다.

코드 실행 과정을 확실하게 이해합니다.

🌟 이런 분들께 추천합니다!

프로그래밍 입문을
자바스크립트로
하고 싶은 사람

기본 개념을 넘어 더 깊게
자바스크립트를
이해하고 싶은 사람

다른 언어에 익숙하지만
자바스크립트를
배우고 싶은 사람

🌟 무엇을 배우게 되나요?

기초 과정

섹션 01부터 섹션 11까지

  • 기초 과정에서는 프로그래밍의 핵심 원리부터 자바스크립트의 기본 구조와 요소를 배웁니다.

  • 수업 환경 설정부터 시작하여 변수, 데이터 타입, 객체, 연산자, 제어문 그리고 함수까지의 기초적인 개념을 순차적으로 탐구합니다.


중급 과정

섹션 12부터 섹션 25까지

  • 중급 과정에서는 V8 엔진의 동작 방식부터 자바스크립트의 핵심 개념과 객체지향 프로그래밍의 깊은 이해를 목표로 합니다.

  • 디버거를 활용하여 코드의 세부 동작을 자세히 탐구하며, 자바스크립트의 내부 구조와 동작 원리에 대한 깊은 이해를 기르게 됩니다.


고급 과정

섹션 26부터 섹션 33까지

  • 고급 과정에서는 오류 처리부터 모듈화까지, 자바스크립트의 심화 주제와 최신 기능을 체계적으로 다룹니다.

  • Iterator와 Generator를 중심으로, 데이터의 순회와 데이터의 흐름 제어에 관한 고급 기법을 깊이 있게 학습합니다.

🌟 어디서 실습하나요?

코드샌드박스에서 바로 실습할 수 있습니다.

로컬 수업 환경 설정이 번거로우신 분들에게 추천 드리는 실습 환경입니다.

로컬 환경에서 실습할 수 있습니다.

parcel이나 vite로 로컬 환경 구성에 어려움이 없으신 분들에게 추천 드리는 실습 환경입니다.


  • Windows, Mac, Linux 모든 OS에서 실습할 수 있습니다.

  • 온라인 및 로컬 환경에서 수업 환경을 설정하는 과정을 무료로 수강하실 수 있습니다.

🌟 수업 자료

  • 수강생에게는 강의에서 작성한 모든 예제와 강의 슬라이드를 제공합니다.

  • 섹션3🎁 예제 코드와 강의 슬라이드에서 수업 자료를 받을 수 있습니다.

띠배너

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 한 번 배워서 다양한 분야에서 사용할 수 있는 프로그래밍 언어를 배우고 싶은 사람

  • 자바스크립트를 처음 배우는 사람

  • 기본적인 프로그래밍 원리와 구조를 알고 싶은 사람

  • 기본 개념을 넘어, 더 심층적인 자바스크립트의 동작 원리와 고급 기법을 학습하고 싶은 사람

  • 객체지향, 클로저, 비동기 프로그래밍과 같은 실무에서 활용도가 높은 주제를 깊게 탐구하고자 하는 사람

  • 한 강좌로 자바스크립트의 기초부터 고급까지 정리하고 싶은 사람

안녕하세요
코딩맥스 CodingMax입니다.

261

수강생

34

수강평

13

답변

4.9

강의 평점

1

강의

안녕하세요. 유튜브에서 즐거운 코딩 경험 - 코딩맥스(CodingMax) 채널을 운영하고 있는 코딩맥스입니다. 삶을 살아 가면서 새로운 지식을 배우고 나누는 것을 좋아 합니다. 😊

 

📺 https://www.youtube.com/@coding-max

 

항상 유익하고 알찬 내용으로 찾아 뵐게요!

더보기

커리큘럼

전체

246개 ∙ (35시간 36분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

34개

4.9

34개의 수강평

  • 유쾌한 바다사자

    수강평 1

    평균 평점 5.0

    5

    13% 수강 후 작성

    HTML, CSS 는 약간 알고 있어서 자바스크립트를 배우고 싶었는데, 이렇게 자세하고 친절하게 알려주는 강의는 처음 보는거 같아요. 개발자 친구한테도 물어보니까 커리큘럼 보더니 좋다고 자기도 복습겸 들어봐야겠다고 하더라구요. 시작할때 추상화나 폰노이만 아키텍처 이런 부분은 조금 어렵게 느끼게 만드는거 같긴 해요..ㅎㅎㅎ 그대로 실제 가르쳐 주시는 부분은 쉽게 잘 알려주시구요!!! 너무 좋은 강의 인거 같아요. 친절하고도 자세해서 공부하기에 너무 감사합니다. 강의 내용이나 소식도 업데이트 해주셔서 믿음도 좀 가구요. 저도 열심히 해봐야겠어요!

    • 코딩맥스 CodingMax
      지식공유자

      안녕하세요! 진짜! 자바스크립트 강의에 대한 솔직하고 따뜻한 피드백을 주셔서 진심으로 감사드립니다! HTML, CSS에 기본적인 지식을 가지고 계셔서 자바스크립트 학습도 분명히 더 빠르게 진행하실 수 있으실 거에요 시작할 때의 추상화나 폰노이만 아키텍처와 같은 복잡한 주제들이 조금 어렵게 느껴지는 점은 충분히 이해합니다. 문법 이외의 내용들이어서 다소 낯설게 느껴질 수 있어요. 그 중에서 "사이드 이펙트"만 인지하시고 프로그래밍을 공부하시면 좋을 것 같습니다. 다른 내용들은 프로그래밍을 하시면 점차 자연스럽게 이해 되실 거에요 방금 배열 관련 추가섹션을 등록하러 왔다가 뚱뚱한 고양이님의 수강평을 읽고 큰 힘을 얻어 갑니다. 😄 또 업데이트에 대한 믿음 주셔서 정말 감사드려요! 꼭 완강하시길 응원하겠습니다!💪😄

  • Droid

    수강평 2

    평균 평점 5.0

    5

    29% 수강 후 작성

    자바스크립트에 익숙하지 못한 사람들이 헤깔리는 부분이 어딘지 정확하게 아시고 명쾌하게 결론을 내주십니다. 화살표 함수(arrow function) - 2편, this 바인딩 << 이 강의에서 객체 내의 화살표 함수로 정의한 메서드의 상위 스코프가 어디인지 설명해주시는 부분에서 정말 소름돋았습니다. 제가 항상 헤깔렸던 부분인데 명쾌하게 상위 스코프를 어디로 봐야 하는지에 대한 답을 주셔서 가렵지만 긁지 못하고 있었던 부분을 강사님께서 대신 긁어주신 기분이 듭니다. 진짜 최고에요 애매하게 자바스크립트 알고 계신 분들은 이 강의 꼭 들으세요

    • 코딩맥스 CodingMax
      지식공유자

      Droid님 안녕하세요! 정성스러운 수강평 감사합니다!😊✨ 화살표 함수와 this 바인딩은 자바스크립트에서 많은 개발자들이 어려워하는 개념인데, 이해하는데 도움이 되었다니 기쁩니다. 제가 class 메서드와 this 바인딩은 다루지 않은 것 같아 "ES6 Class 메서드와 this 바인딩"(https://www.inflearn.com/courses/lecture?courseId=331739&unitId=257705) 강의를 추가했습니다. 혹시 지나치셨을지도 몰라 코멘트 드립니다.😊 남은 부분도 완강하셔서 더 많은 내용이 Droid님에게 도움 되기를 기원합니다🙏 감사합니다!✨

  • Re_Go

    수강평 3

    평균 평점 3.3

    4

    13% 수강 후 작성

    일단 이 강의를 10% 정도 듣는 입장에서 의견을 이야기해보자면, 강의 자체는 괜찮은습니다. 자바스크립트 복습 개념으로 구매를 한 강의라 별 기대는 안했지만 이론에 대한 설명은 최대한 해주시려고 노력을 하신 듯 보여 그런 느낌을 받았습니다. 다만 설명을 하실 때 시청자들이 이론에 대한 부분을 어느 정도 알고 있는 상태에서 말씀하시는 것 같아 자바스크립트를 처음 접하시는 분들에게는 버거우실 수 있습니다. 가령 인덱스 끝이 n-1 이라고 하면 이 부분에 대해서 "왜냐면 인덱스는 0부터 시작하니까요." 라고 하시는데, 방금 말씀드렸다 싶이 프로그래밍을 처음 접하시는 분들에게는 이론을 전달하려는 개념 설명이 충분히 이루어지지 않은 상태에서 마치 물흐르듯이, 템포도 비교적 빠른 편에 속하는 느낌을 받을 수 있을 것 같아서 그게 좀 걸렸던 것 같습니다. 물론 지극히 주관적인 의견이라 이 부분은 다른 의견이 있을 수 있습니다. 또 배열 설명 하실때 얕은 복사와 깊은 복사에 대해서 잠깐 언급하시는데, "만약 이 내용이 궁금하다면 진짜 자바스크립트의 이 부분을 다룬 강의를 참고하시라" 라고 하시는데 그 부분을 어디서 찾아야 하는지 구체적으로 제시를 안해주시고 있고, 하다못해 해당 강의를 링크로 첨부를 했다면 성의라도 보이신거구나 하는 생각이 들었을텐데... 뭐랄까 약간 커리큘럼도 여기저기 섞여 있는 것 같아서 개념 설명이 더욱 미비하게 느껴지는 것 같습니다. 보니까 유튜브 채널에 강의로도 운영을 하시고 계시던데 유튜브 영상의 일부를 고대로 이 커리큘럼에 옮겨놓으셨더라고요. 물론 그게 잘못됬다는건 아니지만 하다못해 강의 영상들 마다 흐름이라는게 이어지면 좋을텐데 강의 초반이라 그런건지는 모르겠지만 "어? 내가 유료강의에서 들을 때는 없는 내용인데 이걸 설명하셨다고?" 하는 내용이 두 개 정도 있었습니다. 이 점이 앞서 언급드릴 내용들을 포함해서 가장 아쉬워웠던 내용이 아닌가 생각됩니다. 또 다른 하나는 펜으로 작성하실 때 기존 글씨가 사라지더라고요. 음... 이때 좀 당황했어요. 쓴 글을 지우는건 몰라도 글씨가 사라지는 강의는 처음이라. 또 말을 좀 흐리시는 경향이 있으셔서 자주는 아닌데 가끔 의미 전달이 난해한 경우가 있습니다. 일단 10% 까지 보고있는데 복습 개념으로 듣는건 추천합니다만, 분량에 대해서 이 정도 가격이라면 괜찮긴 할 것 같은데... 앞서 말씀 드린 부분만 개선이 좀 되면 자바스크립트 전체 개념을 설명하는 강의는 인프런 중에서 이 강의가 처음(핵심만 집는 강의들이 대부준이라)이라고 느껴지는 점에서 가격 대비 다루는 양도많아서 괜찮거, 또 자바스크립트 강의 중에서도 퀄리티가 좋은 강의가 되지 않을까 생각합니다. 뭐... 의견들이 반영이 되지 않는다면 할인 할때나 복습 개념으로 사는거지 정가로는 손이 잘 가지 않을 것 같습니다. -------- 이하 설명이 필요한 부분 ---------

    • 코딩맥스 CodingMax
      지식공유자

      안녕하세요! 싸이키님. 먼저 소중한 첫번째 수강평을 남겨주셔서 감사합니다. 깊이 있는 피드백을 통해 어떤 부분이 개선이 필요한지 알 수 있어 큰 도움이 될 것 같습니다. 전반적으로 자바스크립트 복습 목적으로는 괜찮지만 - 입문자들에게는 좀 더 세세한 설명이 필요한 부분이 있다는 점 - 강의의 흐름과 구성에 있어서 일관성이 더 필요하다는 점 - 강의 중 판서가 사라지는 문제와 말끝이 흐려지는 점 위 내용은 제가 꾸준히 개선해 나아가야 할 것 같습니다. 그 중 "입문자들에게는 좀 더 세세한 설명이 필요한 부분이 있다는 점"은 현재 추가로 촬영하는 내용들이 있어서요 편집이 마무리 되면 올리도록 하겠습니다. 말씀주신 배열 인덱스 부분은 제가 미처 인지하지 못 한 부분인데 지적해 주셔서 감사합니다. 배열 인덱스 내용도 새로 촬영하여 올려드릴게요. 그리고 강의를 전반적으로 리뷰하며 연결되는 부분은 수업 노트로 수업 제목을 적어 드리겠습니다. 가격 대비 강의의 가치와 퀄리티에 대한 의견도 감사합니다. 이를 통해 강의의 가치를 높이기 위한 방향성을 잡을 수 있을 것 같습니다. 앞으로 강의 제작 시 참고하여 더 나은 강의를 만들기 위해 노력하겠습니다. 싸이키님! 정말 상세한 수강평 작성해 주신 점 다시 한번 감사드려요! 앞으로 더 나은 강의 제작을 위해 큰 밑거름이 될 것 같습니다! 좋은 하루 되세요!

  • Levi

    수강평 2

    평균 평점 5.0

    5

    11% 수강 후 작성

    다른 언어나 JS를 공부한 경험이 있을수록 얻어가는 게 정말 많은 강의입니다. 메모리 구조부터 코드의 실행 과정을 직관적으로 항상 보여주면서 설명해주셔서 너무 도움 됩니다. 정말 강의 자체가 대충 넘어가는 부분이 없어서 이 강의를 사골처럼 우려서 듣고 내 것으로 소화만 시키면 실력 향상 엄청될 것 같습니다. 유명한 코x애x님 JS 강의도 들어봤었는데, 저는 직관적으로 다 보여주면서 이해시켜주시는 코딩맥스님 강의 스타일이 더 좋았습니다. 제가 자바의정석 강의가 너무 좋아서 여러 번 정주행하면서 이해의 폭이 넓어진 경험이 있는데, 자바스크립트는 이 강의만 여러번 정주행하면 해결될 거 같아요. 정말 한번 듣기에는 너무 아까운 강의입니다! 고민하시고 계신분 계시다면 강추드립니다! 아참, 강의 순서가 조금 개선되면 정말 이 강의 하나로 입문자부터 경험자까지 JS의 정석 강의가 될 것 같습니다. 예를들면, 콜백함수 부분이 배우기 전에 예제 코드에 사용되서 아마 처음 배우시는 분들은 어렵지 않을까 싶기도 합니다. 괜한 걱정일 수도 있겠지만요😂 컴퓨터 구조나 운영체제 같은 강의 하시면 엄청 자세하게 알려주실 것 같은데, 여러 강의 많이 찍어주세요! 바로 구매하겠습니다! 감사합니다 😄

    • 코딩맥스 CodingMax
      지식공유자

      안녕하세요! Levi님! 소중한 수강평 남겨주셔서 정말 감사드립니다. 강의가 Levi님께 도움이 되어 기쁘네요😊 추가 강의로 순서가 약간 어긋난 점이 있는데 이 부분은 다음 강좌를 만들 때, 보완하도록 노력하겠습니다. 조언 감사합니다!😊 항상 해피코딩 하셔요!👍😊

  • ttyykim

    수강평 4

    평균 평점 5.0

    5

    63% 수강 후 작성

    • 코딩맥스 CodingMax
      지식공유자

      ✨ttyykim 님!✨ 수강평 피드백 감사합니다!👍😊

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

월 ₩19,800

5개월 할부 시

₩99,000