채널톡 아이콘

핵심만 골라배우는 JavaScript

프론트엔드 입문자들은 필수적으로 익혀야하는 Javascript 문법! 기초부터 시작해서 고급에 이르기까지 javaScript 언어를 샅샅히 파헤쳐봅니다!

(4.9) 수강평 17개

수강생 129명

난이도 입문

수강기한 무제한

프론트엔드
프론트엔드
백엔드
백엔드
실습 중심
실습 중심
프론트엔드
프론트엔드
백엔드
백엔드
실습 중심
실습 중심

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.9

5.0

sy

39% 수강 후 작성

지금까지 들은 강의 중 가장 이해가 잘 됐습니다. 최고!

5.0

Sun drop

20% 수강 후 작성

이 강의가 제일 구성도 알찬 것 같아요 개념 배우고 바로 실습 하게 되어있어서 학습 효과가 보장된 느낌..👍🏻 무엇보다 입문자가 듣기에 좋은 것 같습니다

5.0

varyeon

100% 수강 후 작성

당연히 알아야할 부분을 위주로 쉽게 설명해주셔서 기초 개념을 쌓는데 많은 도움이 되었습니다!

수강 후 이런걸 얻을 수 있어요

  • 자바스크립트 기본 문법 (변수 선언, 자료형, 연산자)

  • 조건문 (if, switch)과 반복문 (for, while, forEach)

  • 함수 정의와 호출 (function, arrow function)

  • 객체와 배열 다루기

  • 배열 메서드 (map, filter, reduce 등)

  • 이벤트 처리 (click, hover 등 이벤트 리스너)

  • DOM 조작 (HTML 요소 선택, 추가, 삭제, 수정)

  • 자바스크립트에서의 비동기 처리 (setTimeout, setInterval, promise)

  • AJAX를 통한 서버와 데이터 통신 (fetch API)

  • 자바스크립트의 this와 바인딩

  • 클로저와 고차 함수

  • ES6+ 문법 (let, const, 템플릿 리터럴, 디스트럭처링 등)

  • 클래스와 객체지향 프로그래밍 (OOP) 기법

  • 에러 처리 (try, catch, finally)

  • 자바스크립트 비동기 프로그래밍 심화 (async/await)

  • 로컬 스토리지와 세션 스토리지 사용법

  • 브라우저에서의 자바스크립트 성능 최적화 기법

  • 실전 프로젝트 실습 (예: 할 일 목록, 계산기, 날씨 앱 등)

비전공자도 이해하기 쉬운 JavaScript!!
🛩 수코딩의 프런트엔드 로드맵 시리즈 3단계! 🛩

로드맵 출시

프런트엔드 개발자가 되기 위한 로드맵 출시!

수코딩 강의들을 모은 로드맵이 출시되었습니다!
(📌 이미지를 클릭하면 로드맵 페이지로 이동합니다)

전체 강의에 30% 할인이 적용되어,
개별 강의보다 훨씬 더 저렴하게 수강하실 수 있어요.

로드맵 링크

https://www.inflearn.com/roadmaps/9957 (HTML + CSS + JS + TS + React + Vue)
https://www.inflearn.com/roadmaps/10015 (JS + TS + React)

프런트엔드 입문 분야 베스트셀러

프런트엔드 입문 분야 베스트셀러 작가가 만든 강의!

2022 『코딩 자율학습 HTML+CSS+자바스크립트』 출간! 🎉
2023 『아는만큼보이는 프런트엔드 개발』 출간! 🎉
2024 『코딩 자율학습 Vue.JS』 출간! 🎉
2025 『코딩 자율학습 리액트』 출간! 🎉

수코딩은 프런트엔드의 다양한 분야를 집필한 현직 작가에요.
출한한 책이 모두 베스트셀러입니다. 😎
프런트엔드 강의 선도하고 있는 수코딩이 만든 특별한 강의랍니다!

궁금해요

무엇을 배우나요?

자바스크립트에서는 동적인 웹 페이지 구현을 위한 핵심 기능들을 배웁니다. 자바스크립트는 HTML과 CSS만으로는 구현할 수 없는 인터랙티브한 요소들을 추가하는 데 필수적인 언어입니다. 하지만, 모든 자바스크립트 기능을 한 번에 배우고 마스터하는 것은 어려운 일입니다.

이 강의에서는 실무에서 자주 사용되는 핵심 자바스크립트 기능만을 엄선하여 학습합니다. 복잡하거나 잘 사용되지 않는 기능은 과감히 제외하고, DOM 조작, 이벤트 처리, 비동기 처리 등 실제 웹 페이지에서 자주 활용되는 부분에 집중했습니다.

이를 통해 초보자도 자바스크립트의 핵심 개념과 기술을 쉽고 효율적으로 배울 수 있으며, 실무에서 바로 활용할 수 있는 개발 능력을 자연스럽게 익히게 됩니다.

완전 초보자도 괜찮아요,

기초부터 차근차근 모두 알려드릴게요.

자바스크립트는 프런트엔드에서 배우는 기술 중 가장 중요한 언어지만,
초보자에게는 조금 어려울 수 있죠.
하지만 걱정하지 마세요!

기초부터 탄탄하게 쌓을 수 있도록, 꼼꼼하고 친절하게 하나하나 설명해 드립니다.

처음 시작하는 사람도 자신 있게 배울 수 있도록 쉬운 예제와 실습으로 함께할게요! 🚀

자바스크립트의 핵심 개념을 하나씩 배우고,
실제 웹 페이지에 적용할 수 있는 기술을 자연스럽게 익혀가세요!

수코딩 강의만의
특별한 점

실무에 최적화된 핵심 중심 커리큘럼

  • 복잡한 이론은 최소화하고, 실제 프로젝트에서 자주 사용하는 자바스크립트 문법만 엄선했습니다.

  • DOM 조작, 이벤트 처리, 비동기 처리실무에서 바로 활용 가능한 자바스크립트 기술을 배울 수 있습니다.

이해를 돕는 직관적인 설명과 실습 위주 강의

  • 자바스크립트를 처음 배우는 사람도 쉽게 이해할 수 있도록 개념을 단계별로 설명하고, 예제 → 실습 방식으로 학습합니다.

  • 손으로 직접 코딩하며 배우는 실습 중심 강의로, 이론을 실전에 바로 적용할 수 있게 도와줍니다.

실제 프로젝트 기반의 커리큘럼

  • 단순한 이론이 아닌, 실제 웹 페이지와 앱 UI를 제작하는 프로젝트를 통해 배우는 강의입니다.

  • 실무와 유사한 상황을 경험하며, 문제 해결 능력까지 키울 수 있습니다.

실무 팁과 개발자 노하우 아낌없이 공개

  • 교과서에 없는 현업 개발자만의 실전 팁업무 효율을 높이는 방법까지 알려드립니다.

  • 자바스크립트뿐만 아니라, 프런트엔드 개발자로 성장하기 위한 방향성도 제시합니다.

수강생 맞춤 피드백과 꼼꼼한 Q&A 지원

  • 수강생의 질문에 대해 빠르고 친절한 피드백을 제공합니다.

  • 자주 하는 실수나 헷갈리는 부분을 짚어주며, 개개인의 학습 효과를 극대화합니다.

잠시만요!

강의에도 나와 맞는 '결'이 있다는 거 아시나요?

누구에게나 인정받는 대작 게임이 나에게는 재미없을 수 있는 것처럼,
강의도 모두에게 똑같이 맞는 건 아닙니다.

아무리 칭찬이 자자한 강의라도 나와 맞지 않을 수 있고,
반대로 누군가에겐 평범한 강의가 나에겐 최고의 강의가 될 수 있죠.

그래서 제 모든 강의는 최소 10% 이상 무료로 공개되어 있습니다.
직접 들어보고, 저와 스타일의 ‘결’이 맞는지 확인해 보세요!

만약 저와 결이 잘 맞는다면,
프런트엔드 개발자로 가는 가장 빠른 지름길을 안내해 드리겠습니다.
믿고 따라오세요! 🚀

초보자 입장에서 설계된
맞춤
커리큘럼

Basic Practice
충분한 기초실습

학습 진행 상황에 맞춰 기초 실습을 진행하며, 자바스크립트의 기본 개념을 체계적으로 배울 수 있습니다.
핵심 문법기본 함수를 실제 코드로 작성하면서, 실제 적용 방법을 익히고, 이론과 실습을 동시에 경험합니다.
기초부터 차근차근 실습을 통해 자신감을 쌓을 수 있도록 돕습니다.

Layout
노트 정리

어려운 언어를 배우는데 노트 정리는 필수죠!
수코딩은 약 39개의 노트 정리를 제공하여, 학습한 내용을 체계적으로 정리할 수 있도록 돕습니다.
핵심 개념중요 포인트를 쉽게 정리하고, 복습을 통해 이해도를 높일 수 있습니다.
자바스크립트를 배우는 데 중요한 지침서가 되어, 실력을 탄탄히 다질 수 있습니다.

DOM
UI 실습

DOM을 배우는데 UI가 빠지면 섭섭하죠!
실제 UI를 제공하여, 자바스크립트의 적용 방법을 더 생생하게 배워봅니다.
DOM 조작을 통해 HTML 요소를 동적으로 변경하고, 사용자와의 상호작용을 구현하면서 실무에서 필요한 기술을 익힙니다.
UI와 DOM을 함께 배우며 자바스크립트의 진짜 활용법을 체험할 수 있습니다.

Form
로그인 화면


자바스크립트로 조작하는 가장 일반적인 , 바로 로그인 화면을 만들어봅니다.
폼 유효성 검사사용자 입력 처리를 배우며, 자바스크립트를 활용한 동적인 폼 관리를 경험할 수 있습니다.
로그인 화면을 구현하면서 자주 사용되는 폼 관련 기능들을 실습하고, 실제 웹 애플리케이션에서 필수적인 기술을 익힙니다.

Todo
Todo List

할일 관리 앱을 만들면서 자바스크립트의 모든 지식을 총동원하여 학습을 마무리합니다.
할일 추가, 삭제, 수정 등의 기능을 구현하면서 자바스크립트의 배열 조작, 이벤트 처리, 로컬 스토리지 활용 등 핵심 기술들을 모두 실습합니다.
이 프로젝트를 통해 자바스크립트의 실전 활용법을 익히고, 완성도 높은 애플리케이션을 만들어 보는 경험을 쌓을 수 있습니다.

자주 묻는 질문

Q. 진짜 아무것도 모르는 초보자입니다. 괜찮을까요?
A. 네. 정말 괜찮습니다. 아무것도 모르는 분들이 학습할 수 있게 구성한 맞춤 강좌입니다.

Q. 책을 구매했어요. 온라인 강의도 구매할 필요가 있을까요?
A. 책을 구매하셨다면 더욱 더 구매하시는 걸 권장드립니다. 책에서는 다루지 않는 내용도 많이 포함하고 있습니다.

Q. 선수지식이 필요한가요?

A. 네, 본 강좌는 반드시 HTML5/CSS3에 대한 선행 지식이 필요합니다.

수강 전 참고 사항

실습 환경

  • 운영 체제 및 버전(OS): Windows, macOS

  • 사용 도구: 비주얼 스튜디어 코드(Visual Studio Code), 크롬(Chrome)

  • PC 사양: 웹 서핑이 가능한 수준의 최저 사양도 가능합니다.

학습 자료

  • 실습 진행을 위한 강의별 학습 자료 제공합니다.


선수 지식 및 유의사항

  • 완전 비전공자, 초보자도 수강 가능

  • 단, HTML5/CSS3에 대한 학습은 선행되어야 합니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 자바스크립트를 한 번도 공부한 적이 없는 초보자 & 입문자

  • 자바스크립트를 알긴 하지만, 정확하게 안다고 자신할 수 없는 경험자

  • 아직도 대충 감으로만 자바스크립트를 사용하는 실무자

  • 복잡한 설명 없이 단순하고 쉽게 배우고 싶은 사람

안녕하세요
수코딩입니다.

4,995

수강생

288

수강평

146

답변

4.9

강의 평점

8

강의

수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.

다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.

현재까지 다음과 같은 4권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:

또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]

더보기

커리큘럼

전체

231개 ∙ (12시간 59분)

해당 강의에서 제공:

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

수강평

전체

17개

4.9

17개의 수강평

  • Sun drop님의 프로필 이미지
    Sun drop

    수강평 4

    평균 평점 4.8

    5

    20% 수강 후 작성

    이 강의가 제일 구성도 알찬 것 같아요 개념 배우고 바로 실습 하게 되어있어서 학습 효과가 보장된 느낌..👍🏻 무엇보다 입문자가 듣기에 좋은 것 같습니다

    • 수코딩
      지식공유자

      도움이 되셨다니 다행이네요 ~ 감사합니다 :)

  • creworroad님의 프로필 이미지
    creworroad

    수강평 4

    평균 평점 5.0

    5

    98% 수강 후 작성

    필수적인 js 문법들과 예시를 활용해 깊이 파고들 수 있는 점이 장점인 강의였습니다

    • 수코딩
      지식공유자

      안녕하세요 creworroad님! 소중한 수강평 정말 감사합니다 😊 필수적인 JS 문법을 단순히 나열하는 것이 아니라, 예시를 통해 한 단계 더 깊이 파고들 수 있도록 구성했는데 그 부분을 장점으로 느껴주셔서 정말 기쁩니다. 기초 문법이 탄탄해야 이후의 응용과 확장이 훨씬 수월해지기 때문에, 핵심을 정확히 이해하고 스스로 사고해볼 수 있는 흐름을 만드는 데 집중했습니다. 앞으로도 실질적으로 실력이 쌓이는 강의로 보답하겠습니다. 좋은 피드백 다시 한 번 감사드립니다! 🙏

  • 송주원님의 프로필 이미지
    송주원

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    JS를 다시 공부하는 입장에서 빠르고 효율적으로 보습을 할 수 있었던 것 같아 많은 도움이 됐습니다!!

    • 수코딩
      지식공유자

      안녕하세요 송주원님! 소중한 수강평 정말 감사합니다 😊 JS를 다시 공부하시는 입장에서 빠르고 효율적으로 복습하는 데 도움이 되었다니 정말 기쁩니다! 이미 한 번 학습했던 내용을 정리하고 다지는 과정이 생각보다 쉽지 않은데, 그 과정에 이 강의가 도움이 되었다는 말씀에 큰 보람을 느낍니다. 앞으로도 핵심은 탄탄하게, 복습은 부담 없이 할 수 있는 강의로 계속 발전해 나가겠습니다. 다시 한 번 감사드립니다! 🙏

  • varyeon님의 프로필 이미지
    varyeon

    수강평 3

    평균 평점 5.0

    5

    100% 수강 후 작성

    당연히 알아야할 부분을 위주로 쉽게 설명해주셔서 기초 개념을 쌓는데 많은 도움이 되었습니다!

    • 수코딩
      지식공유자

      안녕하세요 varyeon님! 도움이 되셨다니 다행입니다. 좋은 리뷰 감사합니다 :)

  • sy님의 프로필 이미지
    sy

    수강평 11

    평균 평점 5.0

    수정됨

    5

    39% 수강 후 작성

    지금까지 들은 강의 중 가장 이해가 잘 됐습니다. 최고!

    • 수코딩
      지식공유자

      안녕하세요 sy님! 감사합니다! 이해가 잘 되셨다니 정말 뿌듯하네요 😊 앞으로도 더 좋은 강의 만들겠습니다!

수코딩님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

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

지식공유자의 깜짝할인 중

월 ₩267,161

5개월 할부 시

19%

₩79,200

₩1,335,807