프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식

Name: 프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식
Rating: 4.9 (402 reviews)

이 강의를 통해 Webpack, NPM 등 프론트엔드 개발자가 되기 전에 꼭 알아야할 지식을 탄탄히 다질 수 있습니다.

(4.9) 수강평 402개

수강생 8,290명

난이도 초급

수강기한 무제한

짐코딩

Webpack

여기어때컴퍼니

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

여기어때컴퍼니

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

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

4.9

5.0

상은쓰

100% 수강 후 작성

짐코딩님 강의 듣고 감탄할 때마다 이마 쳤더니 거북목이 완치됐습니다. 바른 자세로 다음 강의도 찢으러 가겠습니다.

5.0

때구니

100% 수강 후 작성

"프론트엔드-날개달기" 라는 교육명을 "로케트 타고 날기"로 바꿔야 할 듯 합니다. 프론트엔드 개발을 위해 다양한 상식,원리,환경등에 대해 너무 잘 배웠습니다. 말로 표현이 불가능한 대한민국 최고의 프론트엔드 선수 강의입니다. 너무 감사드리며 저는 후속강의인 Vue.js3 완벽마스터 "기본편"으로 직진합니다.~~

5.0

현정이

100% 수강 후 작성

헷갈리던 부분을 이해하기 쉽게 설명해요

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

Webpack이란 무엇인지 알 수 있어요
NPM이란 무엇인지 알 수 있어요
Web 기술에 대한 전반적인 이해

백그라운드 지식을 확실히 알아야,
진짜 프론트엔드 개발자가 될 수 있어요 😁

프론트엔드 날개달기 ✈

프론트엔드 개발을 하며 많은 분들이 Webpack, NPM, 모듈시스템 등에 대해 확실하게 이해를 하지 못하고 있다고 느꼈습니다.
현재 많은 강좌들이 Vuejs, React, Angular 등 해당 프레임워크에 대한 주제로 강의를 다루고 있지만 프론트엔드 개발자가 되기위한 Background 지식은 많이 없더라고요.
그래서 준비하게 된 "프론트엔드 날개달기" 강의입니다. 쉬운 설명으로 준비한 강의이니, 많은 도움이 되었으면 합니다. 🙂

"들었던 설명 중 가장 깔끔하고, 핵심만 짚어주는 설명이었습니다."
-API란 무엇인가-

"정성이 들어간 간단하지만, 매우 유익한 강의였습니다. 감사합니다."
-Webpack 기초-

"강의 잘 봤습니다. 초보자인 제 기준에서 정말 친절하고 이해가 쉬운 내용이었습니다.
NPM 관련 내용이 궁금했는데 찾아보니 이런 유용한 영상이 있었을 줄은 몰랐네요."
-NPM 기초-

강의에서 배우는 내용 🎉

해당 강좌는 프론트엔드 개발자가 되기 위한 선수지식으로 Vuejs, React, Angular와 같은 프레임워크를 배우기전에 꼭 한번 보시는 것을 권장드립니다. 아래 내용들을 포함하여 프론트엔드 개발자를 위한 다양한 지식을 공유합니다.

DOM/BOM
API
동기/비동기
모듈 시스템
NPM
Webpack
모듈 시스템

이런 분들이라면 주목 👀

import, export 등이
뭔지 모르는 분

JavaScript 모듈시스템에
대한 이해를 원하는 분

NPM과 Webpack의
핵심개념을 배우고 싶은 분

지식공유자를 소개합니다 ✒️

실용적인 코딩컨텐츠를 만들어 가는 유튜브 짐코딩 채널입니다.
유튜브 | 깃헙 | Gym스타그램 | Coding스타그램

이런 분들께
추천드려요

학습 대상은
누구일까요?

import, export, npm이 무엇인지 정확히 모르시는 분
React, Vue, Angular를 배우기 전에 꼭! 이 강좌를 수강하세요!
프론트엔드 개발자를 되려고 하시는 분

선수 지식,
필요할까요?

HTML, CSS, JavaScript 기초

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

인프런인증

커리어인증

39,234

명

수강생

3,337

개

수강평

1,850

개

답변

4.9

점

강의 평점

개

강의

안녕하세요! 👋
코딩 교육 크리에이터 짐코딩입니다 😊

비개발자도 따라올 수 있게, 최대한 쉽고 · 실무자도 만족스럽게 깊이 있게 가르칩니다.
풀스택 개발 경력 15년차로, 지금은 유튜브와 인프런에서 프로그래밍·AI 지식을 나누고 있습니다.

KT·기아 등 대기업 서비스 개발부터 카페24 이커머스 플랫폼, 스마트시티 IoT 데이터 플랫폼, 그리고 교육 회사를 운영하며 직접 만든 자체 서비스까지, 프론트엔드·백엔드·AWS 인프라를 모두 직접 설계하고 만들어 왔습니다.

그동안 쌓은 개발 경험을, 이제는 나누는 일에 쏟고 있습니다.
AI 시대에 꼭 필요한 지식을 쉽고 깊이 있게 전하겠습니다.

🏆 검증된 성과

🥇 인프런 2026 클로드 코드 강의 BEST 1

🏆 인프런 Awards 2025 베스트셀러 선정

🔥 인프런 2025 '지금 가장 HOT한 강의' - 클로드 코드

🎬 YouTube 구독자 5만+ · 누적 조회수 360만+

👨‍💻 경력

15년차 풀스택 개발자 · 현직 IT 회사 대표
프론트엔드: React · Vue · TypeScript
백엔드: Node.js · Java · Spring · Python
인프라: AWS · Serverless · Lambda 아키텍처 설계
인프런 지식공유자

스타트업 (창업가)

특허·상표 출원·등록 경험
정부 창업지원사업 다수 선정 (스마트벤처캠퍼스 '최우수' 등)

기업 교육 (B2B)

멀티캠퍼스 - 기업 실무자 대상 'Claude Code' 오프라인 교육
신한카드 개발자 교육 - 멀티캠퍼스 주관, 온라인 라이브
한국소프트웨어인재개발원 특강 · 관공서 IT 멘토

🙋‍♂️ 더 보기

🔥 짐코딩 연구소 - gymcoding.co
💻 유튜브 - YouTube
🐙 깃허브 - GitHub
📸 인스타 - Instagram
🧵 스레드 - Thread
🏢 기업 문의 - biz@gymcoding.co
💬 일반 문의 - hello@gymcoding.co

커리큘럼

전체

17개 ∙ (3시간 15분)

섹션 1. 자바스크립트 입문 강좌 중 무료 공개 영상

5개 ∙ (49분)

1. 커뮤니티
2. DOM 이란? (6분 09초)
06:09
3. BOM 이란? (9분 19초)
09:19
4. script 태그 defer, async (12분 46초)
12:45
5. this란 무엇인가? (21분 28초)
21:28

섹션 2. IT 용어 이해

3개 ∙ (30분)

6. API란 무엇인가? (10분 45초)
10:45
7. 동기와 비동기란? (11분 53초)
11:53
8. 프론트엔드&백엔드란? (7분 46초)
07:46

섹션 3. 프론트엔드 날개달기

8개 ∙ (1시간 55분)

9. 이벤트 전파, 버블링&캡쳐링 (10분 07초)
10:07
10. 자바스크립트 유용한 Array APIs (22분 29초)
11. JavaScript 모듈 시스템 (22분 50초)
22:50
12. NPM 기초 강좌 (34분 06초)
34:06
13. Webpack 기초 강좌 (18분 45초)
18:45
14. NVM: Nodejs 버전 관리 하는 법!
10:33
15. 얕은 복사(Shallow Copy) vs 깊은 복사(Deep Copy)
13:23
16. 강의 중 오류 관련 인사이트 공유
05:47

섹션 4. 마치며

1개

강의 게시일: 2022. 06. 02.

마지막 업데이트일: 2025. 04. 17.

수강평

전체

402개

4.9

402개의 수강평

현정이
수강평 2
∙
평균 평점 5.0
2025. 11. 20.
5
100% 수강 후 작성
헷갈리던 부분을 이해하기 쉽게 설명해요
ZEST
수강평 11
∙
평균 평점 5.0
2025. 06. 13.
5
100% 수강 후 작성
기초 지식을 챙기는데 도움이 되었습니다.
- 짐코딩
  지식공유자
  2025. 06. 19.
  감사합니다~! 👍
때구니
수강평 25
∙
평균 평점 5.0
2023. 02. 05.
5
100% 수강 후 작성
"프론트엔드-날개달기" 라는 교육명을 "로케트 타고 날기"로 바꿔야 할 듯 합니다. 프론트엔드 개발을 위해 다양한 상식,원리,환경등에 대해 너무 잘 배웠습니다. 말로 표현이 불가능한 대한민국 최고의 프론트엔드 선수 강의입니다. 너무 감사드리며 저는 후속강의인 Vue.js3 완벽마스터 "기본편"으로 직진합니다.~~
- 짐코딩
  지식공유자
  2023. 02. 05.
  좋은 말씀 감사합니다~!! 🙂 🎉
상은쓰
수강평 7
∙
평균 평점 5.0
2024. 06. 21.
5
100% 수강 후 작성
짐코딩님 강의 듣고 감탄할 때마다 이마 쳤더니 거북목이 완치됐습니다. 바른 자세로 다음 강의도 찢으러 가겠습니다.
- 짐코딩
  지식공유자
  2024. 06. 23.
  와우~! 거북목 치료까지!! 😂 제 강의를 찾아주셔서 감사드립니다! 👍 화이팅 💪
이원우
수강평 4
∙
평균 평점 5.0
2025. 06. 15.
5
35% 수강 후 작성
- 짐코딩
  지식공유자
  2025. 06. 19.
  감사합니다~! 👍

짐코딩님의 다른 강의

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

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

짐코딩

₩198,000

25%

₩148,500

입문 / React, 인공지능(AI), claude

4.9

(1,469)

프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식

4.9

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

프론트엔드 날개달기 ✈

강의에서 배우는 내용 🎉

이런 분들이라면 주목 👀

지식공유자를 소개합니다 ✒️

이런 분들께 추천드려요

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

안녕하세요! 👋코딩 교육 크리에이터 짐코딩입니다 😊

🏆 검증된 성과

👨‍💻 경력

스타트업 (창업가)

기업 교육 (B2B)

🙋‍♂️ 더 보기

커리큘럼

수강평

짐코딩님의 다른 강의

비슷한 강의

연관 로드맵

이런 분들께
추천드려요

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

안녕하세요! 👋
코딩 교육 크리에이터 짐코딩입니다 😊