BEST

웹 개발

웹 프론트엔드를 위한 자바스크립트 첫걸음

Name: 웹 프론트엔드를 위한 자바스크립트 첫걸음
Price: 24750 KRW
Rating: 4.8 (101 reviews)

웹 프론트엔드 개발자를 희망한다면? 재미있는 자바스크립트 강의로 첫걸음을 내딛어보세요✨

(4.8) 수강평 101개

수강생 1,647명

난이도 입문

수강기한 무제한

효빈 Hyobin

자바스크립트

웹개발

코딩기초

실습 중심

프로젝트

자바스크립트

웹개발

코딩기초

실습 중심

프로젝트

한글과컴퓨터

임직원들도 이 강의를 듣고 있어요!

한글과컴퓨터

임직원들도 이 강의를 듣고 있어요!

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

4.8

5.0

일론 머스크

100% 수강 후 작성

강의 내용이 머릿속에 쏙쏙 들어갑니다. 다른 강의는 솔직히 지루하기도 하고 집중이 안되는 경우가 많아 보면서도 멍때리는 경우가 있었는데, 이 강의는 계속 집중해서 보고 따라하게 되네요. 해당 기술에 대한 배경지식이 없는데도 재미있게 강의를 집중해서 보게 되는걸 봐선 선생님의 전달력이 엄청 난 거 같습니다. 좋은 강의 만들어 주셔서 감사합니다.

5.0

Ch.3

100% 수강 후 작성

운영퍼블리셔로 3년정도 근무하였습니다. 항상 제이쿼리를 많이 사용해서 자바스크립트에 대한 갈증이 있었는데 저처럼 처음 자바스크립트를 공부하고 싶은분에게는 최고의 강의입니다! 기초뿐만 아니라 심화학습까지 세세하게 잘 구현되고 설명해주십니다. 중요한 부분은 더 강조하여 놓지치 않고 실무에도 도움이 되는 점 또한 너무 좋았습니다. 합리적인 가격과 강의시간 등은 강의를 완강하는데 큰 도움이 된거같습니다. 자바스크립트 더 열심히 공부하고 싶어졌어요!! 감사합니다!! 다음 강의도 기대됩니다!

5.0

시콜라킹

100% 수강 후 작성

오늘 완강하고 프로젝트 만들었습니다. 리액트를 학습하고 있었지만 자바스크립트에 대해 부족함과 복습 및 아쉬움을 해결하기 위해 본 강의를 구매 후 학습했습니다. 강사님의 또박 또박한 발음과 목소리 그리고 헷갈리거나 까먹었던 자바스크립트의 부분들을 다시 배우며 짚을 수 있어 좋았습니다. 영상과 함께 똑같이 정리해주신 글을 볼 수 있는데 틈틈히 읽으며 계속 학습하려 합니다. 감사합니다 강추 !

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

자바스크립트를 배워야 하는 이유
웹 개발에 대한 기본 개념들
실무에서 자주 사용되는 자바스크립트 문법
실제 사용할 수 있는 프로젝트 개발
Typescript, React.js, Next.js를 학습하기 위한 발판

이런 분들께
추천드려요

학습 대상은
누구일까요?

프로그래밍을 처음 접하는 분들
색다른 프로젝트를 완성하고 싶으신 분들
프론트엔드 개발자를 희망하는 분들
자바스크립트를 빠르고 확실하게 배우고 싶으신 분들
친절한 설명의 자바스크립트 강의를 찾고 계신 분들
강의를 강의 자료와 함께 수강하고 싶으신 분들
자바스크립트 기초가 부족하신 분들

선수 지식,
필요할까요?

HTML (섹션 6에서만 필요한 개념입니다)

안녕하세요
효빈 Hyobin입니다.

인프런인증

커리어인증

15,015

명

수강생

593

개

수강평

138

개

답변

4.9

점

강의 평점

개

강의

안녕하세요 김효빈입니다 🙇‍♀

개발 지식을 공유합니다.

ABOUT

https://hyobb.com/

CONTACT

hbin12212@gmail.com

ETC

[도서] 러닝스쿨! 자바스크립트 첫걸음
요즘IT 작가
udemy, codeit, 한양여자대학교 등 특강 진행

커리큘럼

전체

42개 ∙ (6시간 47분)

해당 강의에서 제공:

수업자료

섹션 1. 강의 소개

3개 ∙ (7분)

섹션 2. 자바스크립트를 왜 배워야 할까?

1개 ∙ (6분)

4. 자바스크립트를 배워야 하는 이유
06:05

섹션 3. 자바스크립트 시작하기

15개 ∙ (2시간 36분)

섹션 4. 자바스크립트 응용하기

6개 ∙ (1시간 13분)

섹션 5. DOM과 DOM API

3개 ∙ (29분)

섹션 6. 프로젝트 준비하기

4개 ∙ (37분)

섹션 7. [프로젝트] 나만의 크롬 시작화면

8개 ∙ (1시간 25분)

섹션 8. [보너스] 꼭 알아야하는 css

2개 ∙ (12분)

강의 게시일: 2023. 05. 08.

마지막 업데이트일: 2025. 08. 31.

수강평

전체

101개

4.8

101개의 수강평

일론 머스크
수강평 64
∙
평균 평점 4.8
2023. 06. 19.
5
100% 수강 후 작성
강의 내용이 머릿속에 쏙쏙 들어갑니다. 다른 강의는 솔직히 지루하기도 하고 집중이 안되는 경우가 많아 보면서도 멍때리는 경우가 있었는데, 이 강의는 계속 집중해서 보고 따라하게 되네요. 해당 기술에 대한 배경지식이 없는데도 재미있게 강의를 집중해서 보게 되는걸 봐선 선생님의 전달력이 엄청 난 거 같습니다. 좋은 강의 만들어 주셔서 감사합니다.
- 효빈 Hyobin
  지식공유자
  2023. 06. 21.
  강의가 지루하지 않고 잘 전달이 되었다니 정말 다행입니다😄 열심히 수강해주셔서 감사합니다!!
이정환 Winterlood
수강평 3
∙
평균 평점 5.0
2023. 05. 09.
5
20% 수강 후 작성
입문자를 위한 자바스크립트 강의 중 가장 친절하고 자세한 강의가 아닐까 생각합니다. 세세한 개념도 정확히 짚고 넘어가주시고, 게다가 모든 코드를 자세히 설명해 주셔서 별도의 구글링 없이 수강할 수 있는 좋은 강의라고 생각됩니다. 1. 시각자료가 매우 직관적이고 이쁩니다. 2. 정확한 딕션으로 졸리지 않고 듣기 너무 좋습니다! 3. 보통 문법만 배우고 끝나는 강의가 많은데 배운 내용을 응용해 실용적인 프로젝트를 만드는 과정이 매우 인상적 입니다.
- 효빈 Hyobin
  지식공유자
  2023. 06. 10.
  정환님 감사합니다😀
wlsdyd620
수강평 1
∙
평균 평점 5.0
2023. 05. 11.
5
34% 수강 후 작성
JS 및 프론트를 배워보고 싶어 해당 강의를 수강했습니다. 해당 강의는 비전공자도 내용을 충분히 이해할 수 있도록 문법 등을 자세하게 설명해주네요. 또, 실무를 바탕으로 어드바이스할 점이나 실제 프로젝트 단위 구현 등등까지 커리큘럼에 포함되어 있어 개인적으로 매우 만족했습니다. 저와 같이 웹 프론트 개발이 미숙한 입문자나 관심있는 분들께서는 분명히 역량이 한단계 성장한 것을 느낄 수 있는 강의라고 생각됩니다.
- 효빈 Hyobin
  지식공유자
  2023. 05. 24.
  wlsdyd620님, 제 강의를 통해 한 단계 성장하셨다니 강의를 제작한 보람이 있는 것 같습니다😃 열심히 들어주셔서 감사합니다!!
한솔
수강평 1
∙
평균 평점 5.0
2023. 05. 10.
5
10% 수강 후 작성
**자퇴생도 코딩할 수 있다는 희망을 준 강의** 컴공 입학 후 교수님도 포기한 똥멍청이를 이 강의가 구제해 주었어요 책을 아무리 봐도 뭔 말인지 이해가 안됐는데 신기하게 자막 없이도 머리에 쏙쏙 들어오네요 저처럼 눈높이 강의가 필요하신 분께 적극 추천합니다!!
- 효빈 Hyobin
  지식공유자
  2023. 05. 24.
  한솔님께 제 강의가 도움이 된 것 같아 정말 다행입니다😃 열심히 들어주셔서 감사합니다!
김예찬
수강평 1
∙
평균 평점 5.0
2023. 05. 28.
5
100% 수강 후 작성
혼자 공부하면서 잘 이해되지 않던 내용들이 강의 들으면서 쏙쏙 이해되고 있어요. 특히 어려울 수 있는 자바스크립트의 용어와 개념을 예시 코드와 함께 쉽게 설명해주셔서 너무 좋아요. react, vue.js 등을 배우기 전 필수로 들어야 한다 생각! 자바스크립트 심화 과정도 강의 있으면 좋겠어요😍
- 효빈 Hyobin
  지식공유자
  2023. 05. 30.
  말씀해주신 것처럼 react, vue와 같은 라이브러리나 프레임워크들을 학습하기 전에 자바스크립트에 대한 이해는 필수입니다!! 강의 내용들이 쉽게 이해가 되셨다니 다행입니다. 자바스크립트 심화 과정 강의도 고려해보겠습니다😊 감사합니다.

효빈 Hyobin님의 다른 강의

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

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

효빈 Hyobin

프론트엔드 개발자를 희망한다면? 자바스크립트의 기초~심화 문법을 학습해보세요 🔥

초급

JavaScript, REST API, SPA

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

효빈 Hyobin

비슷한 강의

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

프론트엔드 마스터클래스

한상훈

웹 개발 최소 1년 이상의 학생 및 실무자들을 위한 고급 프론트엔드 강좌입니다. 가장 좋은 대상은 현업에서 2~3년 이상의 경험을 하고, 실력의 정체기 또는 대형 기업에서 고려해야하는 제품 구조에 대해 배우고 싶은 분들을 위해 만들어졌습니다.

중급이상

JavaScript, React, 함수형 프로그래밍

프론트엔드 마스터클래스

한상훈

자바스크립트 입문자를 위한 강의

JeongTaeHyun

자바스크립트 입문을 하시고 싶으신가요? 그럼 저의 강의를 선택해 주세요.

초급

JavaScript

자바스크립트 입문자를 위한 강의

JeongTaeHyun

입문자를 위한 자바스크립트 기초 강의

유노코딩

웹 사이트를 움직이는 프로그래밍 언어, 자바스크립트의 주요 개념과 문법, 그리고 활용 방법을 소개합니다. 이제 막 HTML/CSS 걸음마를 떼신 분들도 부담 없이 소화하실 수 있는, 자바스크립트 입문 수업입니다.

입문

JavaScript

입문자를 위한 자바스크립트 기초 강의

유노코딩

프론트엔드 빌드 시스템 완벽 가이드 - Part.1: 모듈 시스템

Rafael

"JS 빌드 시스템, 아직도 헷갈리세요?" 들어도 와닿지 않았던 JS 빌드 시스템의 개념과 실습을 하나로!

초급

JavaScript, Node.js, Webpack

프론트엔드 빌드 시스템 완벽 가이드 - Part.1: 모듈 시스템

Rafael

웹 프론트엔드 포트폴리오의 모든 것 - 주제 선정부터 실전 배포까지 압축 실습 강의!

문태훈

"경력자만 뽑는 세상, 신입의 무기는 단 하나 - 차별화된 '개인' 포트폴리오!" 현업 요구를 녹인 프로젝트로 실력을 보여주는 신입 개발자의 필수 가이드.

초급

HTML/CSS, React, Git

웹 프론트엔드 포트폴리오의 모든 것 - 주제 선정부터 실전 배포까지 압축 실습 강의!

문태훈

Claude Code로 배우는 AI 개발 워크플로우 완벽 가이드 (실전 프로젝트 포함)

kimw24072

이 강의는 AI 시대에 개발 생산성을 극대화하는 방법을 배우고 싶은 분들을 위한 실전 중심 강의입니다. 단순히 AI를 사용하는 방법을 넘어서, 실제 개발 환경에서 Claude Code를 어떻게 활용해야 하는지, 그리고 어떻게 하면 “제대로 된 결과”를 만들 수 있는지에 집중합니다. 많은 개발자들이 AI를 사용하면서도 ❌ 결과가 일관되지 않거나 ❌ 코드 품질이 떨어지거나 ❌ 프로젝트가 점점 복잡해지는 문제를 겪고 있습니다. 이 강의에서는 이러한 문제를 해결하기 위해 ✔ 스펙 기반 워크플로우 ✔ 구조화된 명령어 시스템 ✔ 서브에이전트 및 자동화 전략 을 통해 AI를 도구가 아닌 ‘개발 파트너’로 활용하는 방법을 알려드립니다. 또한 Firebase, Figma, GitHub, Vercel과 같은 실제 서비스와 연동하여 처음부터 끝까지 하나의 애플리케이션을 완성하고 배포하는 경험을 제공합니다.

입문

claude, JavaScript, TypeScript

Claude Code로 배우는 AI 개발 워크플로우 완벽 가이드 (실전 프로젝트 포함)

kimw24072

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

효빈 Hyobin

프론트엔드 개발자를 희망한다면? 자바스크립트의 기초~심화 문법을 학습해보세요 🔥

초급

JavaScript, REST API, SPA

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

효빈 Hyobin

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

입문

HTML/CSS, JavaScript, Next.js

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

2시간 만에 AI로 애드센스 수익형 웹사이트 만들기

JSCODE 모던크루소

애드센스 수익형 웹사이트를 만드는 방법을 정리했습니다. 개발 경험이 없어도 따라올 수 있도록, 성공한 방식만 남겨 그대로 재현할 수 있게 구성했습니다.

입문

웹앱, cloudflare, adsense

2시간 만에 AI로 애드센스 수익형 웹사이트 만들기

JSCODE 모던크루소

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

웹브라우저 Javascript (자바스크립트)

Egoing Lee

생활코딩 자바스크립트 강좌 입니다. 웹브라우저를 직접 제어할 수 있는 자바스크립트 레퍼런스를 공부해 봅니다.

초급

JavaScript

웹브라우저 Javascript (자바스크립트)

Egoing Lee

웹개발 왕초보 탈출하기

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS의 전반적인 지식을 배울 수 있습니다.

입문

HTML/CSS, JavaScript

웹개발 왕초보 탈출하기

더코딩클럽

생성형 AI로만 웹사이트 제작과 배포까지

JEngineer

AI 시대에 반드시 필요한 AI를 활용하여 최적의 결과물을 얻고 싶으신 분들을 위해 준비했습니다. 2시간 만에 AI 활용을 코딩으로 제대로 알아보실 수 있습니다.

입문

HTML/CSS, JavaScript, 업무 생산성

생성형 AI로만 웹사이트 제작과 배포까지

JEngineer

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

김태원

자바스크립트(JavaScript)로 코딩테스트를 준비하시는 분을 위한 강좌입니다. 재미있게 풀 수 있는 기초 단계 문제부터 고급 알고리즘까지 단계별로 차근차근 배우도록 설계된 강좌입니다.

입문

JavaScript, 코딩 테스트

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

김태원

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

웹디자인개발기능사(구 웹디자인기능사) 출제기준(2025.1.1 ~ 2027.12.31)까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강의로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인개발기능사 실기시험 강의는 다릅니다. 2026년 웹디자인개발기능사 모든 시험 유형(A,B,C,D,E,F 유형) 완벽 제작 수업영상이 모두 반영되어 있습니다.

입문

HTML/CSS, jQuery, 웹 디자인

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략

J.영

"2026년도 UIUX디자이너 |코딩하는 디자이너 에이전시 합격 포트폴리오 공개" 면접관의 눈길을 사로잡는 UIUX 웹 포트폴리오를 제작하는 실전 강의입니다. 단순한 포트폴리오 제작이 아닌, 인터랙션을 활용해 차별화된 결과물로 UIUX 디자이너로 취업 경쟁력을 높일 수 있도록 설계된 커리큘럼입니다.

초급

HTML/CSS, JavaScript, 웹앱

UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략

J.영

[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

코드캠프

너무나 어렵게만 느껴지는 알고리즘... 수학과 친하지 않은 수강생이라도 이 강의 하나로 알고리즘 기초를 한 번에 끝낼 수 있을 거예요! 알고리즘을 푸는 데 필요한 기초 개념을 차근차근 배우고, 더 나아가 문제에 적용하는 코드캠프의 노하우까지 싹 다 알려드릴게요 :)

초급

JavaScript

[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

코드캠프

CSS GRID 마스터: FIGMA 디자인 웹구현 실전

이지웹

CSS Grid는 복잡한 레이아웃도 간단하고 직관적으로 구현할 수 있는 강력한 도구입니다. 이번 강의에서는 CSS Grid의 핵심 개념부터 실전 활용법까지 단계별로 쉽게 배울 수 있도록 구성했습니다. 이제 복잡한 float과 flexbox에 얽매이지 말고, 효율적인 레이아웃 설계의 정석을 배워보세요! 지금 바로 시작하세요!

초급

HTML/CSS, jQuery, Figma

CSS GRID 마스터: FIGMA 디자인 웹구현 실전

이지웹

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

초급

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹 프론트엔드를 위한 자바스크립트 첫걸음

4.8

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

자바스크립트 첫 걸음

「자바스크립트 첫걸음」
도서가 출시되었어요

AI가 코드를 짜주는 시대,
왜 자바스크립트일까요?

이런 마음이라면,
딱 맞는 강의예요

개념부터 프로젝트까지 한 번에

📖 강의에서 배울 내용을
확인해보세요

1,500명+이 만족한 강의

자바스크립트, 첫 걸음을 떼어볼까요?

이런 분들께
추천드려요

안녕하세요
효빈 Hyobin입니다.

커리큘럼

수강평

효빈 Hyobin님의 다른 강의

비슷한 강의

웹 프론트엔드를 위한 자바스크립트 첫걸음

4.8

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

자바스크립트 첫 걸음

「자바스크립트 첫걸음」도서가 출시되었어요

AI가 코드를 짜주는 시대,왜 자바스크립트일까요?

이런 마음이라면,딱 맞는 강의예요

개념부터 프로젝트까지 한 번에

📖 강의에서 배울 내용을확인해보세요

1,500명+이 만족한 강의

자바스크립트, 첫 걸음을 떼어볼까요?

이런 분들께 추천드려요

안녕하세요 효빈 Hyobin입니다.

커리큘럼

수강평

효빈 Hyobin님의 다른 강의

비슷한 강의

「자바스크립트 첫걸음」
도서가 출시되었어요

AI가 코드를 짜주는 시대,
왜 자바스크립트일까요?

이런 마음이라면,
딱 맞는 강의예요

📖 강의에서 배울 내용을
확인해보세요

이런 분들께
추천드려요

안녕하세요
효빈 Hyobin입니다.