inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유
채널톡 아이콘
BEST
개발 · 프로그래밍

/

프론트엔드

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

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

(4.9) 수강평 24개

수강생 218명

난이도 초급

수강기한 무제한

실습 중심
실습 중심
핵심원리
핵심원리
JavaScript
JavaScript
Node.js
Node.js
Webpack
Webpack
vite
vite
esm
esm
실습 중심
실습 중심
핵심원리
핵심원리
JavaScript
JavaScript
Node.js
Node.js
Webpack
Webpack
vite
vite
esm
esm
카카오
라인
메가존클라우드
티몬
딜리버리히어로

딜리버리히어로

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

카카오
라인
메가존클라우드
티몬
딜리버리히어로

딜리버리히어로

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

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

4.9

5.0

서정우

98% 수강 후 작성

번들러는 webpack, vite 정도의 얕은 깊이로만 알고 있었는데 강의 듣고 원리를 이해할 수 있게 되었습니다. 감사합니다

5.0

Seo Tr

91% 수강 후 작성

프론트엔드 개발에서 놓치기 쉬운 부분들을 명확하고 쉽게 설명을 해주시네요. 모듈시스템을 대충대충 알고 넘어가기 쉬운데 개념부터 자세히 나와있어서 해당부분에서 애매하게 알고있다면 강추입니다. 아는것과 모르는것은 큰 차이가 있는데 시간내서 미리 공부할걸 싶었네요

5.0

chaeyeon

35% 수강 후 작성

프론트엔드 개발하면서 늘 헷갈렸던 JS 모듈 시스템… 강의를 들으면서 정리되고 있는 거 같아요. CommonJS, AMD, ESM, UMD 개념은 물론, 왜 그런 구조가 생겨났는지 역사적인 맥락까지 설명해주셔서 머리에 체계가 잡혀가고 있는 중입니다. 특히 Webpack, Vite 같은 최신 도구에서 모듈 시스템이 어떻게 작동하는지도 실제 설정 파일을 뜯어보며 알려줘서, 도구에 끌려 다니던 제 자신을 성찰하고 갑니다 ㅎㅎ 남은 강의도 열심히 들으면서 무럭무럭 성장해보겠습니다. 좋은 강의 감사합니다 :)

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

  • JS 모듈 시스템의 발전 과정과 CJS, AMD, ESM, UMD 깊이 있는 동작 원리

  • require, import, define 헷갈렸던 모든 문법을 시나리오 별 실습으로 정리

  • Vite, SWC, TypeScript, Webpack 등 최신 도구에서의 모듈 시스템 완전 분석

  • 순환참조, 조건부 로딩, 비동기 모듈까지, 실제로 부딪히는 문제 해결 노하우

🛠 툴에 휘둘리지 않는 프론트엔드 개발자를 위한 모듈 시스템!

JS 모듈 시스템을 이해하고나면, Webpack, Vite 는 더 이상 두려움의 대상이 아닙니다!

  • 실무에서 번들러, 패키지 매니저, 트랜스파일러를 100% 활용하기 위해선 모듈 시스템의 원리를 정확히 이해하고 있어야 합니다.


  • 어떤 새로운 툴이 나와도 모듈 시스템 개념이 확실하다면 누구보다 빠르게 도구를 활용할 수 있습니다.


  • 라이브러리를 직접 만들거나 배포하는 경우에도, CJS, ESM, UMD 빌드 전략을 알아야 오류 없는 라이브러리를 제공할 수 있습니다.

🙋‍♀ 이런 분들께 추천해요!

noname2

프론트엔드 개발 환경을 기초 부터 실전까지 완벽히 이해하고, 자신이 원하는대로 환경을 구성하고 싶은 개발자

스크린샷 2025-05-20 오후 10.54.05

CJS, ESM, AMD, UMD 가 뭔지 아직도 이해 못하는 주니어 개발자

noname

Webpack, Vite, Rollup, Babel 등 빌드 도구의 핵심 개념을 이해하고 실무에서 100% 활용하고 싶은 개발자


🚀 수강 후에는

  • ES Module, CommonJS, AMD 등 각 방식의 차이를 확실히 이해하고, 언제 어디서든 적절히 선택·응용할 수 있게 됩니다.

  • Vite, Rollup, Webpack, Babel 등 주요 툴의 모듈 시스템 연동 원리를 꿰뚫어 보고, 복잡한 설정도 두려움 없이 커스터마이징할 수 있습니다.

  • JS 빌드 시스템을 이해하고 배포 파이프라인에서 발생하는 모듈 오류를 신속히 진단·해결할 수 있습니다.


  • 모듈 시스템과 툴 체인의 종합적 이해로, 팀의 아키텍처 결정에 주도적으로 참여할 수 있습니다.


👨‍🏫 이런 내용을 배워요

1. JS 모듈시스템의 발전을 한 강의로

CJS부터 ESM까지, 자바스크립트 모듈 시스템의 발전과정을 시간 순으로 정리합니다.

  • AMD는 왜 CJS와 분리됐을까?

  • Node.js가 CommonJS를 채택한 이유

  • UMD가 해결하려고 했던 문제

  • Webpack, Babel 의 등장 이유



2. 각 모듈 시스템의 동작 원리와 실습

require, define, import 가 실제로 어떤 구조로 동작하는지 직접 눈으로 확인하고 실습해봅니다.

  • CommonJS
    → 모듈 스펙, 패키지 스펙 소개


    → CJS 동작 원리 Deep Dive
    → Resolution~Caching 전 과정 설명
    → 동작원리 기반 CJS 실습 (순환참조 등)
    → CJS로 만들어진 패키지 분석

  • AMD


    → define 함수, 비동기 모듈 로딩 흐름
    → RequireJS를 활용한 AMD 실습

  • ES Module


    → .mjs, export 종류, 동적 import 등 소개


    → Parsing~Evaluation 흐름 Deep Dive
    → 동작원리 기반 ESM 실습
    → 모듈 그래프 시각화
    → 순환참조 설명 및 CJS와 비교

  • UMD
    → UMD 소개
    →

    브라우저 & Node.js 양쪽 호환
    → 범용 라이브러리 실습



🧪 각 모듈 시스템의 동작 원리를 곁들이며 직접 실습하면서, 추상적인 개념이 아닌 실전 지식을 습득합니다.


3. 개발 도구 별 모듈 시스템 실전 실습

Webpack, Vite, Babel 등의 환경에서 어떤 원리와 과정으로 모듈을 빌드하는지 살펴봅니다.

  • Package.json

  • Typescript (tsc)

  • Babel


  • Webpack

  • Rollup

  • Vite

  • ESLint

🔧 툴 설정을 “외우는” 것이 아닌, 내부 동작 원리를 기반으로 “설계”할 수 있게 됩니다.

이 강의를 만든 사람


유동균

  • (전) 라인 파이낸셜 프론트엔드 개발자

  • 삼성 SSAFY, 프로그래머스 등 프런트엔드 개발 강의

  • 웹 성능 최적화 강의 제작 및 책 출판

  • 마이크로소프트웨어 393호(JS 주제), 392호(블록체인 주제) 기고

Rafael

  • (현) 카카오OO 프론트엔드 개발자


🤷‍♀ "라이브러리를 만들어 배포하려 했는데, 누군가는 되고 누군가는 안 됩니다."
🤷‍♂ "Webpack, Vite 설정을 인터넷 보고 하긴 했는데, 사실 무슨 의미인지 모르겠어요."
🤷 "import/export, require/module.exports가 뒤엉켜 있는 프로젝트를 어떻게 정리하죠?"

9년 넘게 프론트엔드 개발과 라이브러리 설계, 번들러 최적화를 해오면서,
이런 질문을 팀에서 수도 없이 받아왔습니다.

대부분의 개발자들은 툴 사용법은 알지만, 왜 그렇게 동작하는지는 깊게 이해하지 않고 넘어가기 급급합니다.
그러다 에러가 발생하거나 커스텀이 필요한 순간 무너지게 되죠.

저희는 이런 답답함을 해결해보고자 이 강의를 만들었습니다.

이 강의는 단순히 모듈을 설명하는 강의가 아닙니다.
실제로 실무에서 "왜 이 설정을 해야 하고", "왜 이런 충돌이 일어나는가"에 대한
진짜 이유와 해결법을 알려주는 강의입니다.

툴을 자유롭게 쓰고 싶은 실무 개발자에게 이보다 더 필요한 강의는 없을 겁니다.

궁금한 점이 있나요?

Q. 모듈 시스템을 왜 배워야 하나요?

실무에서 require와 import를 혼용하면 반드시 충돌이 발생합니다. 각 모듈 시스템의 동작 원리를 이해해야 에러 없이 프로젝트를 구성할 수 있습니다.

Q. 초보자도 들을 수 있나요?

네, 충분히 들을 수 있습니다.

이 강의는 “모듈 시스템이라는 단어가 생소한 분”도 이해할 수 있도록
자바스크립트 모듈의 개념 자체부터 차근히 설명합니다.

import, export, require 같은 문법을 한 번이라도 써보신 분이라면 OK
번들러(Webpack, Vite)를 써봤지만 왜 그렇게 설정하는지는 모르겠는 분이라면 더 좋습니다

오히려 모듈 시스템 개념을 처음 접하는 분일수록 “왜 이걸 써야 하는지” 명확하게 이해하실 수
있습니다

강의 중 개념이 나올 때마다 시각화된 흐름도, 예제 코드, 실습으로 반복 설명해드립니다.

Q. 어떤 실습을 하나요?

2장에선 각 모듈 시스템을 배울 땐 직접 모듈을 만들어보고 실무와 비슷한 환경에서의 실습을 통해 오류를 같이 해결해 나갑니다.

3장에선 여러 프론트엔드 개발환경 도구 툴들에서 모듈 시스템을 직접 구현해가며 마주할 수 있는 이슈를 해결해나갑니다.

수강 전 참고 사항

실습 가능 환경

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

  • 사용 도구: 코드 에디터 (VS Code, cursor, Webstorm 등 무관)

    • 강의에선 VS Code로 설명

학습 자료

  • 강의 시 PPT로 진행되는 부분은 PDF로 제공됩니다.

  • 실습 예제는 github 으로 제공됩니다.

이 강의는 시리즈 강의의 첫 번째 강의입니다.

  • 시리즈 강의로 패키지 매니저, 번들러, 트랜스파일러 강의가 이어서 출시될 예정입니다!


이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 프론트엔드 개발 환경을 이해하고 고수가 되고 싶으신 분

  • CJS, AMD, UMD, ESM 말로만 들었지, 제대로 이해하지 못하는 주니어 개발자

  • 빌드 도구가 어떻게 동작하는지 원리부터 실전까지 이해하고 싶으신 분

  • Webpack과 Babel 등 빌드 툴과 씨름하느라 시간을 많이 낭비하신 분

  • module not found, circular dependency 에러에 시달려본 분

선수 지식,
필요할까요?

  • JavaScript

안녕하세요
Rafael입니다.

218

명

수강생

24

개

수강평

1

개

답변

4.9

점

강의 평점

1

개

강의

(현) 카카오모빌리티

(전) 버즈니

(전) 롯데쇼핑 e커머스사업본부

 

더보기

공동 지식공유자

커리큘럼

전체

43개 ∙ (5시간 12분)

해당 강의에서 제공:

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

수강평

전체

24개

4.9

24개의 수강평

  • chaeyeon님의 프로필 이미지
    chaeyeon

    수강평 1

    ∙

    평균 평점 5.0

    5

    35% 수강 후 작성

    프론트엔드 개발하면서 늘 헷갈렸던 JS 모듈 시스템… 강의를 들으면서 정리되고 있는 거 같아요. CommonJS, AMD, ESM, UMD 개념은 물론, 왜 그런 구조가 생겨났는지 역사적인 맥락까지 설명해주셔서 머리에 체계가 잡혀가고 있는 중입니다. 특히 Webpack, Vite 같은 최신 도구에서 모듈 시스템이 어떻게 작동하는지도 실제 설정 파일을 뜯어보며 알려줘서, 도구에 끌려 다니던 제 자신을 성찰하고 갑니다 ㅎㅎ 남은 강의도 열심히 들으면서 무럭무럭 성장해보겠습니다. 좋은 강의 감사합니다 :)

    • 서정우님의 프로필 이미지
      서정우

      수강평 5

      ∙

      평균 평점 5.0

      5

      98% 수강 후 작성

      번들러는 webpack, vite 정도의 얕은 깊이로만 알고 있었는데 강의 듣고 원리를 이해할 수 있게 되었습니다. 감사합니다

      • Seo Tr님의 프로필 이미지
        Seo Tr

        수강평 1

        ∙

        평균 평점 5.0

        수정됨

        5

        91% 수강 후 작성

        프론트엔드 개발에서 놓치기 쉬운 부분들을 명확하고 쉽게 설명을 해주시네요. 모듈시스템을 대충대충 알고 넘어가기 쉬운데 개념부터 자세히 나와있어서 해당부분에서 애매하게 알고있다면 강추입니다. 아는것과 모르는것은 큰 차이가 있는데 시간내서 미리 공부할걸 싶었네요

        • Rafael님의 프로필 이미지
          Rafael

          수강평 1

          ∙

          평균 평점 5.0

          5

          12% 수강 후 작성

          • 유동균님의 프로필 이미지
            유동균

            수강평 1

            ∙

            평균 평점 5.0

            5

            17% 수강 후 작성

            비슷한 강의

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

            프론트엔드 마스터클래스강의 썸네일

            프론트엔드 마스터클래스

            한상훈

            ₩847,000

            25%

            ₩635,250

            중급이상 / JavaScript, React, 함수형 프로그래밍, 객체지향, Next.js

            4.7

            (14)

            200+

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

            중급이상

            중급이상

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

            프론트엔드 마스터클래스강의 썸네일

            프론트엔드 마스터클래스

            한상훈

            ₩847,000

            25%

            ₩635,250

            중급이상 / JavaScript, React, 함수형 프로그래밍, 객체지향, Next.js

            4.7

            (14)

            200+
            [코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스강의 썸네일

            [코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

            코드캠프

            ₩396,000

            입문 / React, Next.js, GraphQL, SEO, Node.js

            4.5

            (83)

            1,800+

            1년간 300여명의 개발자를 배출한 ‘진짜’ 부트캠프의 고농축 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [인프런X코드캠프]가 준비했습니다 :)

            입문

            입문

            React, Next.js, GraphQL

            [코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스강의 썸네일

            [코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

            코드캠프

            ₩396,000

            입문 / React, Next.js, GraphQL, SEO, Node.js

            4.5

            (83)

            1,800+
            Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드강의 썸네일

            Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드

            닭강정

            ₩18,700

            초급 / HTML/CSS, JavaScript, Firebase, 서버리스, TailwindCSS

            5.0

            (5)

            🔥 HTML + Tailwind CSS + 순수 JavaScript만으로 완성하는 Firebase 사용자 인증! 소셜 로그인·휴대폰·위치 인증까지, 복잡한 백엔드 없이 쉽고 빠르게 계정 시스템 구축합니다.

            초급

            초급

            HTML/CSS, JavaScript, Firebase

            Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드강의 썸네일

            Firebase 시리즈 #1: 소셜 로그인·휴대폰·위치 인증 완벽 가이드

            닭강정

            ₩18,700

            초급 / HTML/CSS, JavaScript, Firebase, 서버리스, TailwindCSS

            5.0

            (5)

            자바스크립트 : 기초부터 실전까지 올인원강의 썸네일

            자바스크립트 : 기초부터 실전까지 올인원

            코딩알려주는누나

            ₩81,400

            초급 / JavaScript, HTML/CSS

            4.8

            (69)

            700+

            자바스크립트 기초강의, 응용강의, 포트폴리오 전용강의 따로따로 찾아 볼게 아니라, 강의하나로 자바스크립트 기초부터 현업이 쓰는 다양한 응용 기술, 포트폴리오 까지 다 끝내고 싶으신 분들을 위한 강의입니다.

            초급

            초급

            JavaScript, HTML/CSS

            자바스크립트 : 기초부터 실전까지 올인원강의 썸네일

            자바스크립트 : 기초부터 실전까지 올인원

            코딩알려주는누나

            ₩81,400

            초급 / JavaScript, HTML/CSS

            4.8

            (69)

            700+
            자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.2강의 썸네일

            자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.2

            유용한IT학습

            ₩56,100

            입문 / JavaScript, jQuery

            4.8

            (63)

            59,000+

            이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 코딩을 처음 접하시는 분들도 쉽게 이해할 수 있도록 차근차근 설명하고 있습니다. Part 2는 자바스크립트의 함수와 이벤트, 함수의 종류, 코어 라이브러리를 다루고 있습니다.

            입문

            입문

            JavaScript, jQuery

            자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.2강의 썸네일

            자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.2

            유용한IT학습

            ₩56,100

            입문 / JavaScript, jQuery

            4.8

            (63)

            59,000+
            모던 자바스크립트(ES6+) 기본강의 썸네일

            모던 자바스크립트(ES6+) 기본

            김영보

            ₩16,500

            초급 / JavaScript, ES6

            4.8

            (53)

            1,500+

            4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다.

            초급

            초급

            JavaScript, ES6

            모던 자바스크립트(ES6+) 기본강의 썸네일

            모던 자바스크립트(ES6+) 기본

            김영보

            ₩16,500

            초급 / JavaScript, ES6

            4.8

            (53)

            1,500+
            아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지강의 썸네일

            아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

            이지웹

            ₩16,500

            초급 / HTML/CSS, JavaScript, jQuery, jquery-selector

            5.0

            (2)

            전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

            초급

            초급

            HTML/CSS, JavaScript, jQuery

            아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지강의 썸네일

            아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

            이지웹

            ₩16,500

            초급 / HTML/CSS, JavaScript, jQuery, jquery-selector

            5.0

            (2)

            Do it! HTML+CSS+자바스크립트 웹 표준의 정석강의 썸네일

            Do it! HTML+CSS+자바스크립트 웹 표준의 정석

            이지스퍼블리싱

            무료

            입문 / HTML/CSS, JavaScript, DOM

            4.8

            (48)

            2,800+

            키보드를 잡고 실습하다 보면 웹 개발의 3대 기술이 끝난다!

            입문

            입문

            HTML/CSS, JavaScript, DOM

            Do it! HTML+CSS+자바스크립트 웹 표준의 정석강의 썸네일

            Do it! HTML+CSS+자바스크립트 웹 표준의 정석

            이지스퍼블리싱

            무료

            입문 / HTML/CSS, JavaScript, DOM

            4.8

            (48)

            2,800+
            자바스크립트 비기너: 튼튼한 기본 만들기강의 썸네일

            자바스크립트 비기너: 튼튼한 기본 만들기

            김영보

            ₩16,500

            초급 / JavaScript, 객체지향

            4.7

            (150)

            2,100+

            4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다. 기본에 충실하였습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다. 자바스크립트 스펙의 95% 이상을 다룹니다.

            초급

            초급

            JavaScript, 객체지향

            자바스크립트 비기너: 튼튼한 기본 만들기강의 썸네일

            자바스크립트 비기너: 튼튼한 기본 만들기

            김영보

            ₩16,500

            초급 / JavaScript, 객체지향

            4.7

            (150)

            2,100+
            UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략강의 썸네일

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

            J.영

            ₩66,000

            초급 / HTML/CSS, JavaScript, 웹앱, 웹 디자인, 포트폴리오

            5.0

            (41)

            300+
            답변 활발
            답변 활발

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

            초급

            초급

            HTML/CSS, JavaScript, 웹앱

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

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

            J.영

            ₩66,000

            초급 / HTML/CSS, JavaScript, 웹앱, 웹 디자인, 포트폴리오

            5.0

            (41)

            300+
            답변 활발
            답변 활발
            삽질없이 쉽게 따라하는 윈도우 개발 환경 셋업강의 썸네일

            삽질없이 쉽게 따라하는 윈도우 개발 환경 셋업

            Kenu 허광남

            ₩22,000

            입문 / Git, VSCode, Microsoft Windows, Node.js, Python

            5.0

            (1)

            2시간 안에 git, VS Code, Node.js, Python, Java 개발 환경을 삽질없이 쉽게 윈도우에서 설정하는 방법입니다.

            입문

            입문

            Git, VSCode, Microsoft Windows

            삽질없이 쉽게 따라하는 윈도우 개발 환경 셋업강의 썸네일

            삽질없이 쉽게 따라하는 윈도우 개발 환경 셋업

            Kenu 허광남

            ₩22,000

            입문 / Git, VSCode, Microsoft Windows, Node.js, Python

            5.0

            (1)

            풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]강의 썸네일

            풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

            잔재미코딩 DaveLee

            ₩88,000

            입문 / HTML/CSS, JavaScript, ES6

            4.9

            (182)

            2,700+

            현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

            입문

            입문

            HTML/CSS, JavaScript, ES6

            풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]강의 썸네일

            풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

            잔재미코딩 DaveLee

            ₩88,000

            입문 / HTML/CSS, JavaScript, ES6

            4.9

            (182)

            2,700+
            클린업 JavaScript: 베이스 빌드업!강의 썸네일

            클린업 JavaScript: 베이스 빌드업!

            김영보

            ₩16,500

            초급 / JavaScript, 면접, 기술면접

            4.8

            (4)

            100+

            생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

            초급

            초급

            JavaScript, 면접, 기술면접

            클린업 JavaScript: 베이스 빌드업!강의 썸네일

            클린업 JavaScript: 베이스 빌드업!

            김영보

            ₩16,500

            초급 / JavaScript, 면접, 기술면접

            4.8

            (4)

            100+
            [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스강의 썸네일

            [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

            코드캠프

            ₩396,000

            입문 / NestJS, Node.js, JavaScript, Docker, REST API

            4.6

            (55)

            1,600+

            코딩과 사랑에 빠져버린 8년차 풀스택 개발자 Captain의 사심이 가득 담긴 커리큘럼이에요. 백엔드의 모든 것을 다 알려주고 싶은 Captain의 마음이 녹아있죠! 이 강의를 듣다보면 '이렇게까지 알려준다고?' 하는 생각을 떨칠 수 없을 거예요. 모두가 어려워하는 부분까지 꼭꼭 씹어 떠먹여주는 이 강의로 시작해 볼까요?

            입문

            입문

            NestJS, Node.js, JavaScript

            [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스강의 썸네일

            [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

            코드캠프

            ₩396,000

            입문 / NestJS, Node.js, JavaScript, Docker, REST API

            4.6

            (55)

            1,600+
            비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지강의 썸네일

            비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

            Jay

            ₩77,000

            초급 / HTML/CSS, JavaScript, REST API, MySQL, AWS, Git, GitHub

            4.8

            (37)

            700+

            내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

            초급

            초급

            HTML/CSS, JavaScript, REST API

            비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지강의 썸네일

            비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

            Jay

            ₩77,000

            초급 / HTML/CSS, JavaScript, REST API, MySQL, AWS, Git, GitHub

            4.8

            (37)

            700+
            Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼강의 썸네일

            Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

            닭강정

            ₩29,700

            초급 / gemini, HTML/CSS, TailwindCSS, JavaScript, Firebase

            🔥 한자 학습을 위한 맞춤형 플랫폼 구축! Google Gemini AI와 Firestore를 활용해 나만의 한자 단어장, 획순 애니메이션, 필기 인식까지 직접 구현해보세요!

            초급

            초급

            gemini, HTML/CSS, TailwindCSS

            Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼강의 썸네일

            Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

            닭강정

            ₩29,700

            초급 / gemini, HTML/CSS, TailwindCSS, JavaScript, Firebase

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

            깡코딩

            ₩88,000

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

            4.7

            (26)

            300+

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

            초급

            초급

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

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

            깡코딩

            ₩88,000

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

            4.7

            (26)

            300+
            생성형 AI로만 웹사이트 제작과 배포까지강의 썸네일

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

            JEngineer

            ₩44,000

            25%

            ₩33,000

            입문 / HTML/CSS, JavaScript, 업무 생산성, 인공지능(AI), ChatGPT

            5.0

            (1)

            미션
            미션

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

            입문

            입문

            HTML/CSS, JavaScript, 업무 생산성

            생성형 AI로만 웹사이트 제작과 배포까지강의 썸네일

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

            JEngineer

            ₩44,000

            25%

            ₩33,000

            입문 / HTML/CSS, JavaScript, 업무 생산성, 인공지능(AI), ChatGPT

            5.0

            (1)

            미션
            미션
            자바스크립트 머신러닝 TensorFlow.js강의 썸네일

            자바스크립트 머신러닝 TensorFlow.js

            김영보

            ₩132,000

            30%

            ₩92,400

            중급이상 / Tensorflow, JavaScript, 머신러닝, 딥러닝

            4.6

            (9)

            200+

            자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

            중급이상

            중급이상

            Tensorflow, JavaScript, 머신러닝

            자바스크립트 머신러닝 TensorFlow.js강의 썸네일

            자바스크립트 머신러닝 TensorFlow.js

            김영보

            ₩132,000

            30%

            ₩92,400

            중급이상 / Tensorflow, JavaScript, 머신러닝, 딥러닝

            4.6

            (9)

            200+
            모바일, 태블릿, pc 반응형 인스타그램 클론코딩강의 썸네일

            모바일, 태블릿, pc 반응형 인스타그램 클론코딩

            더코딩클럽

            ₩29,700

            초급 / HTML/CSS, JavaScript, 클론코딩

            5.0

            (1)

            이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

            초급

            초급

            HTML/CSS, JavaScript, 클론코딩

            모바일, 태블릿, pc 반응형 인스타그램 클론코딩강의 썸네일

            모바일, 태블릿, pc 반응형 인스타그램 클론코딩

            더코딩클럽

            ₩29,700

            초급 / HTML/CSS, JavaScript, 클론코딩

            5.0

            (1)

            신규가입 25% 할인

            ₩43,720

            25%

            ₩58,300