BEST

프론트엔드 마스터클래스

Name: 프론트엔드 마스터클래스
Price: 847000 KRW
Rating: 4.7 (14 reviews)

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

(4.7) 수강평 14개

수강생 250명

난이도 중급이상

수강기한 무제한

한상훈

실습 중심

마스터과정

실습 중심

마스터과정

현대글로비스

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

현대글로비스

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

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

4.7

5.0

관태

33% 수강 후 작성

이기적으로 나만 보고 싶은 강의.. 프론트엔드 지망, 주니어 레벨에 있는 단계라면 레벨 업을 할 수 있는 강의 기초적인 부분보다는 심화에 집중되어 있는 강의 시야가 넓어지고 그저 되는 코드만 작성하는 사람들 중 더 좋은 코드를 짜고 싶은 분들에게 추천!

5.0

열람현

10% 수강 후 작성

안녕하세요 수강신청하고 5시간 30분 정주행하고 후기남깁니다 (전체 강의 10% 정도 봤습니다) 강의를 듣기 전 나의 코딩 수준 - 1년 반 전 바이브 코딩으로 시작. 처음에는 재미있었지만 개발 지식이 없어서 막히는 부분이 답답하여 유튜브로 HTML CSS JS 흐름 공부 - 이때부터 AI와 협업이 잘 되어 제가 원하는 수준의 프로그램이나 홈페이지를 완성하는 과정도 재밌었고 적은 용돈도 벌다가 지금은 본업과 비슷한 수준의 돈을 코딩을 통한 부업으로 벌게되었습니다 - 연봉이 두배가 된 셈이지만, 클로드 오퍼스 모델이 나오면서 크게 느끼는점은 비전공자인 제가 AI와 협업하기에는 더 이상 AI의 능력이 말도안되게 높아져서 '더 효율적으로 할 수 있을거같은데...' 라는 생각을 많이 하게되었습니다. 개발 지식이 없으니까 AI 능력을 극대화하는게 불가능하여 벽을 크게 느꼈어요. - '해줘' -> '안되네, 이런 오류가 있어 다시 해줘' -> ' 이번엔 이런 오류야'... 이렇게 원인도 모른채 될때까지 AI에게만 의지하는 무한 반복을 1년 넘게 해보니 지치기도하고, AI 에이전트를 활용해야되는 시대에 비효율적이라는걸 크게 느끼고 성장하기위해 강의를 찾게되었습니다 이 강의를 선택한 과정 - 유튜브에 매일 쏟아지는 뻔한 AI 에이전트 소개 영상에 지침 - 자기가 만든 서비스는 하나도 없으면서 '어디 어디 회사 몇 년 차' 타이틀로 승부하는 컨텐츠들 - AI에게 물어봐도 알 수 있는 지식들을 AI로 대본 뽑고 대단한것처럼 포장하는 썸네일과 컨텐츠에 실망만하게 됨 - 저처럼 바이브코딩으로 작은 성과라도 내보신 분들은 아실 겁니다. 크리에이터 개발자분들은 100마디 말보다 직접 만든 서비스 하나가 실력을 증명한다는 것을요. 이 강사님의 서비스와 유튜브 컨텐츠를 통해 강의에서 반에 반이라도 흡수할 수 있으면 크게 성장할 수 있을거라고 확신했습니다. 수강 후기 - 모든 개발 개념의 지식을 설명한다기보다 실무에서 직접 사용해본 경험을 공유해주어서 차별화가 확실하고 재미있습니다, 챗 지피티도 할 수 있는 일방적인 설명이 아닌 경험을 공유하는 방식이라 다음 이야기가 궁금해서 집중해서 듣게되요 - AI도 알려주지 않는 실무의 기술들이 너무 많습니다, '그동안 내가 했던건 다 똥꼬쇼였구나....'라고 느낍니다. 이 강의에 나오는 방식을 유튜브에서도 한번도 본적 없는게 너무 많아요. 앞으로도 나만 알고 싶다는 생각이 들 정도에요 - 엘리트 시니어 개발자님은 어떻게 개발하는지 볼 수 있어서 제 AI 파트너를 어떻게 세팅해야할지 어떻게 평생 기술로 장착하고 나아가야할지 확실히 알 수 있어서 정말 좋습니다 - 우리 바이브 코더들은 회사에 취업하는게 목표가 아니라서 개발 지식들을 설명할 수 있을정도로 달달 외우는건 필요하지않고, 어떻게 AI를 설정&구축하고 효율적으로 최종 목표를 달성할 것인가에 집중하기때문에 이 목표를 이루고싶은 바이브코더 동료분들에게 강력 추천합니다. 자유를 얻은 기분이에요ㅎㅎ

5.0

mike1124

100% 수강 후 작성

연휴 동안 완강하려 했는데 정말 양이 많네요. 말 그대로 프론트엔드 전체를 한눈에 볼 수 있는 종합 선물 세트 같은 강의입니다. 전체적인 흐름을 잡을 수 있고, 핵심적인 내용이나 중요한 내용들은 실무 예제 중심으로 설명해주셔서 "이건 연휴 끝나고 바로 회사에서 써봐야겠다" 는 생각이 들 정도로 몰입해서 들을 수 있었어요. 백엔드를 어느정도 해봤어서 이해하는데 더 도움이 됐습니다. 어려운 부분도 강의 자료가 잘되어 있어서 좋았습니다. 그리고 전반적으로 개념적인 설명도 같이 해주셔서 AI 시대에 적합한 좋은 강의라고 느꼈습니다. 이 강의를 듣고 나서 예전엔 안 보이던 부족한 부분이 보이고, 이건 이렇게 개선할 수도 있겠다는 생각도 들었습니다. 이 강의의 목표가 코드를 보는 이전과 다른 눈을 가질 수 있게 된다인데 정말 한 코드를 보고도 많은 생각을 할 수 있게 됐어요. 좋은 강의 감사합니다.

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

고급 프론트엔드 개발 방법론
GoF 객체 구조와 이를 실무적으로 적용한 예

프론트엔드 마스터 클래스에 오신걸 환영합니다

많은 개발자분들은 일정 시점부터 성장하지 못하는 모습을 스스로에게 발견하곤 합니다. 어떤걸 더 공부해야할지, 자신에게 부족한 것은 무엇인지, 큰 기업이나 전혀 다른 서비스를 제공하는 회사에서 일하는 개발자들은 어떤 고려사항을 바탕으로 개발할지.

프론트엔드 마스터코스는 기본부터 시작해 현대 프론트엔드 개발을 구성하는 대부분의 뼈대에 해당하는 모듈 및 프로그래밍 방법론을 모두 합쳤습니다. 이 강의를 통해 GoF 방법론에서부터 시작해 리액트와 Next.js의 현대적인 코드 패턴과 사용법, 상태 관리 전략, 디자인 패턴, 코드 구조, 애니메이션 라이브러리 및 테스팅 툴까지 초급 개발자를 벗어나 중급, 고급 개발자로 발전할 수 있는 내용을 담고 있습니다. JavaScript, React, 함수형 프로그래밍, 객체지향, Next.js 등을 깊게 다루며 Vue.js 및 Svelte는 거의 다루지 않습니다.

어떤 분들을 위한 강의인가요?

1. 최소 1년 이상 프론트엔드 공부 또는 업무 경험이 있는 분

기본적인 HTML, CSS, JavaScript에 대한 이해가 있으며, 간단한 웹 애플리케이션을 개발해 본 경험이 있는 분들을 위한 심화 과정입니다. 이미 배운 기초 지식을 바탕으로 더 깊이 있는 프론트엔드 개발 역량을 쌓고 싶은 분들에게 적합합니다.

2. 반복되는 코드 패턴으로 발전을 못 느끼고 있는 현업자 분들

매일 비슷한 코드를 작성하며 성장이 정체된 느낌이 드시나요? 이 강의는 현업에서 자주 마주치는 복잡한 문제들을 효율적으로 해결할 수 있는 다양한 패턴과 접근 방식을 제시합니다. 코드 품질을 높이고 개발 생산성을 향상시키는 고급 기법들을 배울 수 있습니다.

3. Javascript의 깊은 스펙과 개발 패턴에 대해 배움의 필요가 있으신 분

JavaScript를 단순히 사용하는 것에서 벗어나 언어의 깊은 이해를 바탕으로 더 효율적인 코드를 작성하고 싶으신가요? 이 강의에서는 JavaScript의 내부 동작 원리, 비동기 프로그래밍, 함수형 프로그래밍, 디자인 패턴 등 고급 개념들을 실전 예제와 함께 자세히 다룹니다.

수강생 여러분들께

안녕하세요 한상훈입니다.

제가 첫 제품을 만든게 중학교 2학년입니다. 그때 만든 웹 사이트가 인생의 전환점이 될 줄은 몰랐습니다. 처음 만든 웹사이트가 첫 날에 천 명 이상이 방문해주었고, 그때 수십명 이상의 이름 모를 온라인 유저들에게 격려와 칭찬을 받았습니다. 그 경험을 잊지 못하고 저는 계속해서 웹 분야에서 수많은 시도를 해왔습니다.

달콤한 순간을 맛보고 나서부터 끝없이 도전과 실패를 거듭했습니다. 원하는 제품을 만들기 위해서 수년동안 골방에서 개발을 해왔고, 그 과정에서 혼자서 개발을 하는 것의 고통과 어려움을 누구보다 잘 알고 있습니다. 그 감정과 외로움을 잘 알고 있기에 저는 제가 살아온 길을 10년 넘게 꾸준히 기록하며 세상에 알렸습니다. 나와 같이 외로운 환경에서, 나를 가르쳐주는 이가 없는 환경에서 일하고 있는 이들에게 메시지를 전달하고 싶었습니다. '당신은 혼자가 아니다'라고 말해주고 싶었습니다.

저는 현업에서 개발사를 운영하며 수십개의 업체와 만나 수많은 거래를 했고, 많은 제품을 만들었습니다. 그 과정에서 회사마다의 개발 방향과 철학, 중요하게 여기는 것들을 볼 수 있었습니다. 또한 작고 몇몇의 권위적인 개발자 아래에서 안 좋은 코드 패턴과 개발 문화로 고통받는 분들도 봤습니다. 한국의 개발 시장은 이처럼 같은 개발을 하고 있는 것처럼 보이지만 완전히 다른 방식으로 성장해가고 있습니다.

만약 이 글을 보시는 분들이 작은 기업에서 프로젝트를 리드하고 있거나 또는 지금까지 스스로 개발해온 방식에 대해 의문이 생기고, 불안감이 생기고 계시다면 이 강의가 도움이 될 것입니다. 저는 제가 알려드린 방법만을 고집하지 않습니다. 저는 제가 살아오면서 코드에 대해 배우고, 생각하고, 더 나은 코드에 대해 고민한 기록들을 먼저 경험한 한 개발자의 이야기를 들려드리고자 합니다.

진리와 같은 코드는 없습니다. 개발자는 수없이 많은 트레이드 오프를 하며 상황에 따라 더 나은 선택을 찾아야 합니다. 그 과정에 주니어 개발자는 몇가지 선택지만 보고 결정을 한다면 시니어로 가면 더 깊은 통찰력으로 문제를 해석할 수 있습니다. 동일한 작동 방식처럼 보이더라도 다른 형태로 작성하고, 더 읽기 좋은 형태로 작성하는 것은 고민과 경험을 통해 얻어집니다.

이 강의를 통해 여러분이 적어온 과거의 코드들을 볼 때 이전과 다른 눈으로 볼 수 있을 겁니다. 이전과 다른 눈으로 코드를 보면 이전엔 생각해본 적 없는 고민을 하게 되고, 그 고민을 해결하는 과정에서 더 나은 코드를 창조할 수 있습니다. 수많은 선배 개발자들이 밟아온 고민들과 해결책을 강의에 담았습니다. 앞서서 고민한 이들의 해결책들을 보면서 여러분들만의 통찰을 얻어가시길 기원합니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

실력의 정체기가 온 프론트엔드 개발자
최소 1년 이상의 웹 개발 경험과 경력이 있는 분

선수 지식,
필요할까요?

프로그래밍 기초 지식
최소 1년 이상의 웹 개발 경험
기본적인 HTML, CSS 문법에 대한 이해
바닐라 자바스크립트에 대한 기초적인 이해
최소 6개월 이상 React.js 및 Next.js의 사용 경험

안녕하세요
한상훈입니다.

250

명

수강생

개

수강평

개

답변

4.7

점

강의 평점

개

강의

풀스택 개발자 한상훈입니다.

유튜브: https://www.youtube.com/@hoony_han

커리큘럼

전체

436개 ∙ (56시간 33분)

섹션 1. 1장. 자바스크립트 심화

43개 ∙ (5시간 30분)

1. 1. 프론트엔드 마스터클래스의 시작
04:43
2. 2. 런타임 메인스레드
08:49
3. 3. 경쟁 조건과 데드락
08:55
4. 4. 콜스택의 개념
00:57
5. 5. 원시타입과 변경 불가능(immutable)
04:20
6. 6. 실행 컨텍스트
01:24
7. 7. this란
05:39
8. 8. this의 5가지 바인딩 규칙(call, apply, bind란)
09:28
9. 9. 화살표 함수와 일반 함수
02:37
10. 10. 변수 객체
02:29
11. 11. 호이스팅
02:31
12. 12. 스코프 체인
04:24
13. 13. 렉시컬 스코프
10:30
14. 14. 힙과 스택의 비교
13:56
15. 15. 힙의 특징
05:39
16. 16. 이벤트 루프
10:27
17. 17. 렌더링 파이프라인
02:58
18. 18. 이벤트 루프의 순서
02:46
19. 19. 비동기란?
04:12
20. 20. 콜백과 콜백 지옥
06:59
21. 21. 프로미스의 탄생과 주요 메서드
21:14
22. 22. AbortController
09:24
23. 23. Promise.any와 race
11:18
24. 24. Promise.withResolvers
03:33
25. 25. p-limit
04:20
26. 26. Web API
19:32
27. 27. Web API 기능 검증 및 승인
01:19
28. 28. Local Storage
08:07
29. 29. Session Storage
10:55
30. 30. Map
04:29
31. 31. 히든 클래스와 성능 저하 모드
07:19
32. 32. WeakRef + FinalizationRegistry
15:46
33. 33. Set
16:07
34. 34. 소셜 서비스와 Set 자료형
07:49
35. 35. Set과 집합 연산
05:41
36. 36. WeakSet
12:09
37. 37. Proxy 객체
13:26
38. 38. 프록시 사용 예시
04:57
39. 39. 메타 프로그래밍
10:34
40. 40. 도메인 특화 언어(DSL)
04:31
41. 41. Reflect 보충 설명
01:53
42. 42. WeakSet 예시
04:42
43. 43. 클로저와 메모리 관리
18:02

섹션 2. 2장. 프로그래밍 패러다임

44개 ∙ (8시간 42분)

44. 44. 프로그래밍 패러다임
07:09
45. 45. 객체 지향 프로그래밍
04:45
46. 46. 싱글턴 패턴
31:40
47. 47. 팩터리 메서드 패턴
09:36
48. 48. 팩토리 패턴 예제
04:08
49. 49. 추상 팩토리 패턴
14:55
50. 50. 빌더 패턴
17:38
51. 51. 프로토타입 패턴
08:08
52. 52. 데코레이터 패턴
02:00
53. 53. OCP
08:25
54. 54. 데코레이터 예시
09:10
55. 55. 컴포지트 패턴
11:01
56. 56. 플라이웨이트 패턴
20:25
57. 57. 브릿지 패턴
14:15
58. 58. 퍼사드 패턴
17:07
59. 59. 전략 패턴
11:06
60. 60. 프록시 패턴
14:15
61. 61. 의존성 주입 패턴
11:46
62. 62. 어댑터 패턴
09:38
63. 63. 템플릿 메서드 패턴
13:12
64. 64. 커맨드 패턴
15:13
65. 65. 인터프리터 패턴
14:12
66. 66. 인터프리터 패턴 예시
05:39
67. 67. 역할 변경 패턴
11:42
68. 68. 중재자 패턴
19:43
69. 69. 옵저버 패턴
22:58
70. 70. 메멘토 패턴
14:02
71. 71. 상태 패턴
10:57
72. 72. 방문자 패턴
25:36
73. 73. 반복자 패턴
11:02
74. 74. 지연 평가
05:55
75. 75. 책임 연쇄 패턴
30:55
76. 76. GoF 패턴 좋은 예와 나쁜 예
01:57
77. 77. 함수형 프로그래밍의 시작(객체 지향의 단점)
03:41
78. 78. 일급 함수
06:06
79. 79. 함수의 람다, 클로저, 불변 컬렉션
04:12
80. 80. 함수형 프로그래밍 예시
06:24
81. 81. 커링
02:38
82. 82. 메서드 체이닝, 모나드, 예외 처리
08:15
83. 83. 리액트와 함수형 프로그래밍
08:11
84. 84. 선언형 프로그래밍
03:15
85. 85. <Suspense>의 진짜 용법
16:02
86. 86. 제너레이터 활용법
19:19
87. 87. 고급 제너레이터 활용법
14:36

섹션 3. 3장. 디자인 패턴

23개 ∙ (4시간 7분)

88. 88. 디자인 패턴 준비 사항
00:49
89. 89. 아토믹 디자인 패턴
05:43
90. 아토믹 디자인과 Storybook
18:36
91. Presentational & Container 패턴
25:57
92. FSD(Feature Sliced Design) 패턴
26:55
93. Custom Hooks
09:39
94. Compound Components
15:19
95. 합성 컴포넌트의 고급 패턴
08:45
96. 합성 컴포넌트와 네임스페이스
05:06
97. Render Props
06:08
98. Render Props의 예시
06:01
99. Higher-Order Components(HOC)
18:56
100. HOC와 A:B 테스트
11:43
101. A:B:C:D 테스트
09:08
102. 메모이제이션
14:42
103. 가상화
01:17
104. 가상화가 꼭 필요한 경우
08:38
105. 포트폴리오에 가상화 적용
05:24
106. 가상화 구현 모듈
04:41
107. Props Collections & Getters
08:06
108. Slot
14:38
109. State Reducer
14:53
110. Lifted State
06:51

섹션 4. 4장. 상태 관리

40개 ∙ (5시간 13분)

섹션 5. 5장. React.js & Next.js 생태계

44개 ∙ (5시간 16분)

섹션 6. 6장. 스타일링

11개 ∙ (1시간 48분)

섹션 7. 7장. 폼 관리

13개 ∙ (3시간 0분)

섹션 8. 8장. 테스팅

25개 ∙ (3시간 15분)

섹션 9. 9장. 애니메이션

75개 ∙ (6시간 47분)

섹션 10. 10장. 인증 및 보안

17개 ∙ (1시간 47분)

섹션 11. 11장. 성능 최적화

33개 ∙ (3시간 30분)

섹션 12. 12장. 병렬 처리

8개 ∙ (1시간 17분)

섹션 13. 13장. 접근성 및 국제화

33개 ∙ (3시간 3분)

섹션 14. 14장. 개발 도구

27개 ∙ (3시간 10분)

강의 게시일: 2025. 08. 11.

마지막 업데이트일: 2026. 02. 18.

수강평

전체

14개

4.7

14개의 수강평

관태
수강평 7
∙
평균 평점 5.0
2025. 08. 14.
수정됨
5
33% 수강 후 작성
이기적으로 나만 보고 싶은 강의.. 프론트엔드 지망, 주니어 레벨에 있는 단계라면 레벨 업을 할 수 있는 강의 기초적인 부분보다는 심화에 집중되어 있는 강의 시야가 넓어지고 그저 되는 코드만 작성하는 사람들 중 더 좋은 코드를 짜고 싶은 분들에게 추천!
임영민
수강평 3
∙
평균 평점 5.0
2025. 10. 11.
5
8% 수강 후 작성
아직 1장정도 밖에 진도가 안나가서 총평은 아니지만 좋았습니다. 자바스크립트 Deep Dive라는 책이있는데 비슷한 느낌입니다. 이 책도 호불호가 갈리는게 프로젝트형 실습을 따라하며 공부하는것을 추구하시는 분들에게 평이 안좋다는건데, 이 강의 역시 이론과 주요예제 중심의 강의입니다.
왕감자
수강평 1
∙
평균 평점 5.0
2025. 10. 11.
5
100% 수강 후 작성
평소 고민했던 리팩토링 방향 등 심화된 내용을 총정리해주는 기분이에요
mike1124
수강평 3
∙
평균 평점 5.0
2025. 10. 13.
5
100% 수강 후 작성
연휴 동안 완강하려 했는데 정말 양이 많네요. 말 그대로 프론트엔드 전체를 한눈에 볼 수 있는 종합 선물 세트 같은 강의입니다. 전체적인 흐름을 잡을 수 있고, 핵심적인 내용이나 중요한 내용들은 실무 예제 중심으로 설명해주셔서 "이건 연휴 끝나고 바로 회사에서 써봐야겠다" 는 생각이 들 정도로 몰입해서 들을 수 있었어요. 백엔드를 어느정도 해봤어서 이해하는데 더 도움이 됐습니다. 어려운 부분도 강의 자료가 잘되어 있어서 좋았습니다. 그리고 전반적으로 개념적인 설명도 같이 해주셔서 AI 시대에 적합한 좋은 강의라고 느꼈습니다. 이 강의를 듣고 나서 예전엔 안 보이던 부족한 부분이 보이고, 이건 이렇게 개선할 수도 있겠다는 생각도 들었습니다. 이 강의의 목표가 코드를 보는 이전과 다른 눈을 가질 수 있게 된다인데 정말 한 코드를 보고도 많은 생각을 할 수 있게 됐어요. 좋은 강의 감사합니다.
열람현
수강평 1
∙
평균 평점 5.0
2026. 04. 17.
5
10% 수강 후 작성
안녕하세요 수강신청하고 5시간 30분 정주행하고 후기남깁니다 (전체 강의 10% 정도 봤습니다) 강의를 듣기 전 나의 코딩 수준 - 1년 반 전 바이브 코딩으로 시작. 처음에는 재미있었지만 개발 지식이 없어서 막히는 부분이 답답하여 유튜브로 HTML CSS JS 흐름 공부 - 이때부터 AI와 협업이 잘 되어 제가 원하는 수준의 프로그램이나 홈페이지를 완성하는 과정도 재밌었고 적은 용돈도 벌다가 지금은 본업과 비슷한 수준의 돈을 코딩을 통한 부업으로 벌게되었습니다 - 연봉이 두배가 된 셈이지만, 클로드 오퍼스 모델이 나오면서 크게 느끼는점은 비전공자인 제가 AI와 협업하기에는 더 이상 AI의 능력이 말도안되게 높아져서 '더 효율적으로 할 수 있을거같은데...' 라는 생각을 많이 하게되었습니다. 개발 지식이 없으니까 AI 능력을 극대화하는게 불가능하여 벽을 크게 느꼈어요. - '해줘' -> '안되네, 이런 오류가 있어 다시 해줘' -> ' 이번엔 이런 오류야'... 이렇게 원인도 모른채 될때까지 AI에게만 의지하는 무한 반복을 1년 넘게 해보니 지치기도하고, AI 에이전트를 활용해야되는 시대에 비효율적이라는걸 크게 느끼고 성장하기위해 강의를 찾게되었습니다 이 강의를 선택한 과정 - 유튜브에 매일 쏟아지는 뻔한 AI 에이전트 소개 영상에 지침 - 자기가 만든 서비스는 하나도 없으면서 '어디 어디 회사 몇 년 차' 타이틀로 승부하는 컨텐츠들 - AI에게 물어봐도 알 수 있는 지식들을 AI로 대본 뽑고 대단한것처럼 포장하는 썸네일과 컨텐츠에 실망만하게 됨 - 저처럼 바이브코딩으로 작은 성과라도 내보신 분들은 아실 겁니다. 크리에이터 개발자분들은 100마디 말보다 직접 만든 서비스 하나가 실력을 증명한다는 것을요. 이 강사님의 서비스와 유튜브 컨텐츠를 통해 강의에서 반에 반이라도 흡수할 수 있으면 크게 성장할 수 있을거라고 확신했습니다. 수강 후기 - 모든 개발 개념의 지식을 설명한다기보다 실무에서 직접 사용해본 경험을 공유해주어서 차별화가 확실하고 재미있습니다, 챗 지피티도 할 수 있는 일방적인 설명이 아닌 경험을 공유하는 방식이라 다음 이야기가 궁금해서 집중해서 듣게되요 - AI도 알려주지 않는 실무의 기술들이 너무 많습니다, '그동안 내가 했던건 다 똥꼬쇼였구나....'라고 느낍니다. 이 강의에 나오는 방식을 유튜브에서도 한번도 본적 없는게 너무 많아요. 앞으로도 나만 알고 싶다는 생각이 들 정도에요 - 엘리트 시니어 개발자님은 어떻게 개발하는지 볼 수 있어서 제 AI 파트너를 어떻게 세팅해야할지 어떻게 평생 기술로 장착하고 나아가야할지 확실히 알 수 있어서 정말 좋습니다 - 우리 바이브 코더들은 회사에 취업하는게 목표가 아니라서 개발 지식들을 설명할 수 있을정도로 달달 외우는건 필요하지않고, 어떻게 AI를 설정&구축하고 효율적으로 최종 목표를 달성할 것인가에 집중하기때문에 이 목표를 이루고싶은 바이브코더 동료분들에게 강력 추천합니다. 자유를 얻은 기분이에요ㅎㅎ

비슷한 강의

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

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

Rafael

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

초급

JavaScript, Node.js, Webpack

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

Rafael

디자이너의 스킬업을 위한 Lottie 완벽 이해하기

디자인베이스

더 이상 Gif, Video에 의존하지 않아도 됩니다. 에프터이펙트에서 제작한 애니메이션을 코드로 출력해서 자바스크립트를 통해 다양한 인터렉션을 구현하는 방법을 배워볼게요. 여러분도 매력적인 웹사이트를 만들 수 있습니다.

초급

Lottie, 웹 디자인, JavaScript

디자이너의 스킬업을 위한 Lottie 완벽 이해하기

디자인베이스

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌3)

코딩웍스(Coding Works)

HTML+CSS+JS 실전 포트폴리오(시즌3)는 퍼블리싱 실전 예제를 제작하는 과정입니다. 다양한 실전 예제 제작을 통해서 퍼블리싱 실력을 중상급으로 성장할 수 있습니다. 34시간 이상의 충분한 강의 시간과 다양한 종류의 실전 제작 과정이므로 제작 노하우와 응용 방법을 충분히 익힐 수 있습니다.

초급

HTML/CSS, JavaScript, jQuery

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌3)

코딩웍스(Coding Works)

떠먹는 Three.js

제주코딩베이스캠프

Three.js의 기초적인 개념을 학습하고, 이를 응용하여 '나만의 섬 만들기' 미니 프로젝트를 진행합니다. 프로젝트를 진행하면서 쉽고 가볍게 Three.js를 익힐 수 있습니다.

초급

Three.js, HTML/CSS, JavaScript

떠먹는 Three.js

제주코딩베이스캠프

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)

캡틴판교

실무에서 많이 사용되는 React와 Vue의 코드를 작성하면서 타입스크립트 필수 개념을 익히는 강의입니다. React와 Vue에 타입을 입히는 방법, ChatGPT 사용법까지 모두 잡는 실무자와 입문자 모두를 위한 강의!

초급

React, TypeScript, Vue.js

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)

캡틴판교

너네 백엔드 하고 싶은 거 있으면 얼마든지 해 난 괜찮어 왜냐면 나는 파이어베이스가 있어

제주코딩베이스캠프

프론트엔드 개발자인데 로그인 기능을 구현하지 못해 아쉬웠던 적 있으신가요? DB를 이용해 데이터를 저장하고 불러오는 기능을 구현하고 싶지만 쿼리를 공부하기는 부담스러우셨나요? 파이어베이스라면 쉽게 가능합니다! 리액트와 파이어베이스의 힘으로 유저 인증, 데이터 저장, 호스팅 등 웹 개발에 필수적인 기능들을 같이 구현해봅시다! (해당 강의는 22년 8월 녹화로 파이어베이스의 메이저 업데이트를 반영한 강의입니다.)

초급

Firebase, React

너네 백엔드 하고 싶은 거 있으면 얼마든지 해 난 괜찮어 왜냐면 나는 파이어베이스가 있어

제주코딩베이스캠프

멀티패러다임 프로그래밍 1편: 반복자 패턴 & LISP (with TypeScript, Clojure, Kotlin)

MDU 유인동

중고급 개발자로 성장하기 위한 고급 프로그래밍 언어 활용 능력과, 함수형, 객체 지향, LISP 패러다임이 결합된 소프트웨어 설계 및 구현 능력을 기릅니다.

중급이상

멀티 패러다임 프로그래밍, TypeScript, 함수형 프로그래밍

멀티패러다임 프로그래밍 1편: 반복자 패턴 & LISP (with TypeScript, Clojure, Kotlin)

MDU 유인동

자바스크립트 제대로 배워볼래?

개발자의 품격

자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angular) 개발자, 서버(Node.js) 개발자가 되기 위한 기초를 완벽하게 준비할 수 있습니다.

초급

JavaScript, ES6, HTML/CSS

자바스크립트 제대로 배워볼래?

개발자의 품격

Node.js로 웹 크롤링하기

제로초(조현영)

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

중급이상

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

초급

React, React Native, 하이브리드 앱

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

순수 함수형 프론트엔드 언어 Elm 가이드

김대현

순수 함수형 프로그래밍으로 프론트엔드 웹앱을 만드는 Elm 프로그래밍 언어 가이드 문서를 3시간만에 다 공부합니다.

초급

elm, 함수형 프로그래밍, SPA

순수 함수형 프론트엔드 언어 Elm 가이드

김대현

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)

이진석

파이썬/장고 웹서비스 개발의 기초를 탄탄히 다져보세요. 장고 학습에는 시간도 걸리지만, 반복되는 개발 속에 여러분의 생산성을 극대화하실 수 있습니다. 여러분의 상상을 현실로 만들어보세요.

초급

Python, Django, React

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)

이진석

AI 개발팀을 운영해 제대로 완성하는 결제 수익화 웹서비스 런칭하기

코배투

💸 진짜 결제가 발생하는 수익형 웹서비스 AI 에이전트 강의! ❗ 포폴용 웹사이트는 그만 만들고 '재고 무한, 원가 0원'의 <AI 해설형 상품 쇼핑몰>을 구축합니다! 🤖 사람 개발팀과 일하듯 AI 개발 팀원들과 '서비스 명세서' 기초부터 탄탄하게 구축해 봅니다!

초급

Next.js, 서비스 기획, 수익화

AI 개발팀을 운영해 제대로 완성하는 결제 수익화 웹서비스 런칭하기

코배투

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

김영보

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

중급이상

Tensorflow, JavaScript, 머신러닝

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

김영보

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

중급이상

Next.js, React, GraphQL

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1: V8과 코어 해체기

nhcodingstudio

AI가 뱉어낸 블랙박스 코드에 안도하던 날들은 이제 끝. 컴퓨터의 물리적 한계와 Node.js 코어 엔진의 동작 원리를 꿰뚫어, 어떤 트래픽 폭주 앞에서도 무너지지 않는 엔지니어의 통제력을 완성해 드립니다.

초급

JavaScript, Node.js, 컴퓨터 구조

"AI 딸깍의 시대" 원리로 돌파하는 Node.js와 CS Part1: V8과 코어 해체기

nhcodingstudio

남박사의 파이썬으로 봇 만들기 with ChatGPT

남박사

파이썬을 활용하여 텔레그램 봇, 슬랙 봇, 카카오톡 챗봇, 디스코드 봇을 다양한 예제를 통해 각 서비스의 특징과 봇을 구현하는 방법에 대해 알아봅니다.

초급

Python, 챗봇, 객체지향

남박사의 파이썬으로 봇 만들기 with ChatGPT

남박사

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

초급

React, Next.js, expo

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

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

webstoryboy

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

초급

HTML/CSS, jQuery, JavaScript

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

webstoryboy

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

닭강정

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

초급

React, Electron, GUI

[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)

닭강정

프론트엔드 마스터클래스

4.7

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

프론트엔드 마스터 클래스에 오신걸 환영합니다

어떤 분들을 위한 강의인가요?

1. 최소 1년 이상 프론트엔드 공부 또는 업무 경험이 있는 분

2. 반복되는 코드 패턴으로 발전을 못 느끼고 있는 현업자 분들

3. Javascript의 깊은 스펙과 개발 패턴에 대해 배움의 필요가 있으신 분

상세 커리큘럼

자바스크립트 심화

프로그래밍 패러다임

디자인 패턴

상태 관리

React/Next.js 생태계

스타일링

폼 관리

테스팅

애니메이션

인증 및 보안

성능 최적화

병렬 처리

접근성 및 국제화

개발 도구

방대한 강의자료

수강 전 참고 사항

실습 환경

학습 자료

선수 지식 및 유의사항

수강생 여러분들께

이런 분들께
추천드려요

안녕하세요
한상훈입니다.

커리큘럼

수강평

비슷한 강의

프론트엔드 마스터클래스

4.7

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

프론트엔드 마스터 클래스에 오신걸 환영합니다

어떤 분들을 위한 강의인가요?

1. 최소 1년 이상 프론트엔드 공부 또는 업무 경험이 있는 분

2. 반복되는 코드 패턴으로 발전을 못 느끼고 있는 현업자 분들

3. Javascript의 깊은 스펙과 개발 패턴에 대해 배움의 필요가 있으신 분

상세 커리큘럼

자바스크립트 심화

프로그래밍 패러다임

디자인 패턴

상태 관리

React/Next.js 생태계

스타일링

폼 관리

테스팅

애니메이션

인증 및 보안

성능 최적화

병렬 처리

접근성 및 국제화

개발 도구

방대한 강의자료

수강 전 참고 사항

실습 환경

학습 자료

선수 지식 및 유의사항

수강생 여러분들께

이런 분들께 추천드려요

안녕하세요 한상훈입니다.

커리큘럼

수강평

비슷한 강의

이런 분들께
추천드려요

안녕하세요
한상훈입니다.