100가지 시나리오로 학습하는 프론트엔드 : 5년 이상 경험을 초압축한 실전 문제 해결 패키지
초격차 패키지 Online.
100가지 시나리오로 학습하는 프론트엔드
5년 이상 경험을 초압축한 실전 문제 해결 패키지
-
5년치 경험을 90시간으로 초압축
성공하는 프로덕트&조직의 개발자가
주니어부터 시니어까지 성장하며 겪는
5년 이상 경험을 90시간으로 초압축 학습 -
100가지 문제상황 해결로 실무 초밀착
우아한형제들 리드&시니어 개발자와 함께
자주 겪고, 까다로운 문제를 해결하며
실전에 바로 적용하는 테크 스킬 학습 -
실력 향상 과제 9가지 & 해설 강의 제공
PM과 개발자가 작성한 고퀄 자료를 활용해
실제 팀 단위 프로젝트의 문제를 해결하듯이
과제를 진행하며 문제해결력 상승
| 어디서도 해결할 수 없는 프론트엔드 개발자의 고민 |
+ 이런 고민을 갖고 계신 분들을 위해
프론트엔드 실무를 제.대.로 학습할 수 있는
구성으로 준비했습니다.
문제 해결 기반 프론트엔드 강의가 특별한
8가지 이유
프론트엔드 실무와 가장 가까운 구성 & 실습은
오직 패스트캠퍼스에만! 만날 수 있습니다.
Point 1
최소 5년의 프론트엔드 개발 경험을 초압축한
약 90시간의 커리큘럼
주니어부터 시니어까지 프론트엔드 개발자에게 필요한 모든 역량을 커리큘럼에 담았습니다.
개발자 레벨 별로 요구 되는 업무를 미리 경험하고,
실전에 바로 적용할 수 있는 역량을 키우세요!
90시간 동안 연차 별 각종 문제 해결을 경험할
이커머스 프로덕트를 소개합니다!
구현 페이지 & 기능
-
❶ 메인 / 상세 / 로그인
• 상품 나열 Filter 기능
• 검색 기능
• 장바구니 추가 기능
• 슬라이드 캐러셀 -
❷ 결제 & 장바구니
• 결제 시스템 연동(SDK)
• 결제 API 적용(토스페이먼츠)
• 장바구니 상품 업데이트
• 총합계 보여주기 -
❸ 마이페이지 & 주문 내역
• 주문 상품 리스트
• 주문 완료 정보 표시
• 배송지 관리 기능
• 상품 리뷰 등록 -
❹ Admin
• 주문 관리 (차트 보여주기)
• 필터링(검색 및 페이지네이션)
• 주문 상태 업데이트
• 상품 수정 및 삭제
전체 사용 기술 스택
전체 강의 시간 중 구현만 20시간!
상용 수준의 프로덕트로 구현부터 성장까지
총 90시간으로 완벽하게 익히고 실전에 바로 적용할 수 있는 역량을 키우세요
이 강의는 단순 기술 스택 사용법을 익히는 [ 코드 구현 - 설명 ]으로만 이뤄진 강의가 아닙니다.
성공하는 조직이 겪는 개발 문제 & 해결법을 흐름으로 익히는
[ 시나리오 학습법 ]으로 진행되는 강의입니다.
따라만 오세요!
진짜 일하며 배우는 것처럼 상황에 맞춰 알려드릴게요!
Point 2
연차별로 마주하는 100가지 문제상황 해결로
배우는 100가지 프론트엔드 기술!
주니어부터 시니어까지 프론트엔드 개발자라면 한 번쯤 마주하는 문제 상황을 담은 커리큘럼으로 무한한 성장을 경험하세요.
프로덕트 출시 전
-
문제 상황
주니어 개발자로 입사한 회사에서
이커머스 프로덕트 프로젝트에 참가하게 되었다.
주요 페이지와 기능을 구현하라!구현 기능 Click!
1. 상품 나열 Filter
2. 자동 로그인
3. 데이터 차트로 보여주기
4. 알림 기능 구현
5. 비밀번호 Reset
6. 결제 성공 후 장바구니 비우기
7. 주문 상태 업데이트(Admin)
8. 장바구니 추가 -
문제 상황
인터페이스의 타입 정의가 개발자마다 달라 런타임 에러가 발생하는 경우를 해결해야 한다.
개발 중 에러 발생을 방지하기 위해 리팩토링하라!
해결방법 Click!
9. Input Component 를 TS로 변경하기
10. AutoSignInCheckbox Component를 TS로 변경하기
11. Button Component를 TS로 변경하기
12. 로그인, 회원가입 페이지 TS로 변경하기
13. 리덕스 Slice TS로 변경하기
14. ProductFilter 컴포넌트 TS로 변경하기
15. Admin 부분을 TS로 변경하기 -
문제 상황
다양한 유저를 만나기 위해 시각 장애가 있으신 분도 스크린리더기를 이용하여 웹 서비스를 편하게 사용할 수 있도록 만들어라!
해결방법 Click!
16. 웹 요소 역할 정의(aria-role)
17. 클릭 이벤트 동작 지정(onclick)
18. 키보드 포커스 순서 지정(tabIndex)
19. 이미지 요소 대체 텍스트 지정(img alt)
20. 마우스 오버 & 아웃 동작 지정 (onmouseover, onmouseout)
21. 상호작용 가능하지 않은 태그에서 role 사용하기
프로덕트 출시 전후 품질관리
-
문제 상황
복잡한 비즈니스 요구사항에 따라 개발 난이도가
급격히 상승하여 지속적인 수정이 요구된다.
개발 중 프로덕트 생산성을 높여라!
해결방법 Click!
22. 설정과 해지를 이용한 환경의 격리
23. React component의 Testing Pattern 이해(Jest)
24. UI 인터랙션 단위 검증
25. 렌더링 검증
26. 모의 데이터를 이용한 검증(Jest)
27. Mocking API를 이용한 테스트 작성(Jest)
28. DOM 이벤트 발생을 통한 검증 (React testing Library)
29. 타이머 기반 비동기 동작 검증(Jest)
30. 스냅샷 테스트(Jest)
31. 행위 주도 테스트(React testing Library)
32. 시나리오 흐름에 따른 단위 동작 정의
33. 단위 동작에 적합한 유닛테스트 정의
34. 정의된 유닛테스트에 부합하도록 component, logic 구현 -
문제 상황
여러 개발자가 동시에 다른 브랜치에서 작업하는 상황에서 충돌과 호환성 문제가 우려된다.
충돌을 해결하며 호환성을 검증하라!
해결방법 Click!
35. GitHub / GitLab의 사용 목적과 방향성에 대한 이해 (문서화 및 지식 공유, 협업 방식 정립)
36. PR, rebase와 merge, conflict 해결
37. Git의 기본 개념, branch와 merge, revert
38. CI/CD 파이프라인 빌드/ 테스트/ 배포/ 모니터링
39. 테스트-배포 파이프라인 구축 (유닛 테스트 자동화) -
문제 상황
API 호출로 인한 문제로UX 악화가 우려된다.
이를 개선하기 위해 효율적인 비동기 처리를 하라!
해결방법 Click!
40. 스켈레톤 컴포넌트 도입(Skeleton Loading)
41. Infinite scroll 도입
42. React-query caching
43. Prefetch
44. Dehydration
45. Server-side Rendering
46. Lazy loading으로 보이지 않는 부분의 데이터 일부만 호출 -
문제 상황
SEO가 되지 않아 검색 결과가 이상하게 뜬다.
프로젝트 성공을 위해 기획과 개발 방향에서 잘 구성된 SEO의 중요성을 인식하고 기존 사례 분석을 통해 SEO 전략을 수립 & 적용하라!
해결방법 Click!
47. 기존 사례 분석을 통한 SEO 전략 수립
48. 효율적 SEO 기법 이해
49. OG Element 적용 & 올바른 항목 매칭 방법 이해 -
문제 상황
개발 중 FE와 BE 간의 개발 일정이 서로 맞지 않아 BE 준비 없이 FE를 개발해야 한다.
FE와 BE가 개발을 나눠 진행하며 발생하는 문제를 방지하고 해결하라!
해결방법 Click!
50. MSW(Mock Service Worker) 활용
51. API Mocking 구현
52. DI(Dependency Injection) 활용 API 레이어 분리 -
문제 상황
편해서 썼던 Vercel이 트래픽이 증가히며 비용 폭탄의 부담으로 돌아왔다!
발생 가능한 이슈를 확인하고 이를 해결할 개발 환경 구성 방법을 찾아 적용하라!
해결방법 Click!
53. AWS 서비스를 활용한 배포 환경 내재화
54. Web Server와 WAS에 대한 이해 -
문제 상황
개발 중 퍼포먼스 저하 상황 발생했다.
리렌더링, 로딩시간, 순환참조를 개선하고
프로덕트 성능, UX 개선, 개발자 생산성을 향상하라!
해결방법 Click!
55. TDD(Test-Driven Development) 방법론 적용
56. Playwright를 활용한 E2E 테스트 자동화 구현 -
문제 상황
QA시 생각치 못했던 에러와 수정으로 인한 사이드 이펙트까지 발생했다.
고도화된 요구사항에 대한 효율적인 개발 시간을 산정하고 반복되는 에러/실수를 해결하라!
해결방법 Click!
57. memoization
58. throttling / debouncing
59. 웹 페이지 성능 최적화 기법
60. Lighthouse를 이용한 성능 분석석
61. 번들 Split(dynamic import, file 분리)
62. 번들 Size analyize
63. Tree shaking(트리 쉐이킹)
64. 코드 분리
65. 의존성 관리 -
문제 상황
• 서버 과부하로 응답 시간 지연됐다.
• 느린 피드백 루프가 발생하여
신속한 버그 개선이 어렵다.
이처럼 예상치 못한 에러를 파악하고 개선하라!
해결방법 Click!
66. Next.js Standalone 배포 이용
67. 서버 설정 Optimization
68. Next.js의 Build Cache
69. AWS의 CodeBuild의 Build Cache
70. Error Boundary 활용한 fallback UI 구성
71. Sentry 구축 -
문제 상황
· 느려진 속도, 의존성을 파악해 코드를 개선하라!
· 개발자 간 commit 시에 conflict가 발생했다!
· 신기능 도입이 미칠 영향 확인이 필요하다.
이처럼 예상치 못한 에러를 파악하고 개선하라!
해결방법 Click!
72. Tree shaking(트리 쉐이킹)
73. 코드 스플리팅
74. Webpack 번들링 등 모듈 import/export 방법
75. 모듈 경로 설정
76. 모듈화
77. 의존성 관리
78. merge, rebase, cherry-pick 등
79. reflog
80. A/B테스트
81. Google Analytics를 이용한 A/B 테스팅 결과 수집 및 분석
프로덕트 & 조직 규모 성장
-
문제 상황
서비스의 확장을 위해 프로덕트가 포함하는 제품군이 늘어났다.
단일 프로덕트를 멀티 도메인 프로덕트로 변경하라!
해결방법 Click!
82. 단일 프로덕트 문제 진단
83. 현재 프로덕트의 코드 분리 및 안정화
84. 비즈니스와 개발 인원에 맞는 아키텍처 그리기
85. 코드 구조도 변경을 통한 응집도 높이기
86. 컴포넌트 단위의 코드 병목 개선
87. 컴포넌트를 나누는 패턴
88. 비즈니스 로직 단위의 코드 병목 개선
89. 상태 단위의 코드 병목 개선
90. 클라이언트에서 사용하는 API 모듈 개선
91. 중복된 API Response를 개선
92. 여러 팀에서 오는 서버 Response를 클라이언트에서 중앙 처리할 수 있도록 구조를 설계 및 구축하기
93. 런타임 벨리데이션을 통한 사전 API 검증
94. BFF (Restful, GraphQL 등)
95. Next.js Middleware
96. 비즈니스 로직을 보존한 레이어 분리를 통한 코드 분리
97. 점진적인 분리로 배포 주기 상에서 유연한 작업
98. 여러 복합적인 기술을 하나의 기술로 정리하기
99. 서버의 상태와 클라이언트의 상태를 분리하기
100. 로그 중앙화로 관리할 수 있는 구조를 만들어 코드를 응집하여 관리를 용이하게 만들기
101. 웹앱 인터페이스 중앙화를 통한 인터페이스 로직 응집 -
문제 상황
여러 도메인을 많은 팀이 공통으로 운영하고, 각각의 업무 범위를 설정하여 운영해야 한다.
팀 간의 협업을 효율적으로 관리하고 서비스의 안정성과 확장성을 확보하라!
해결방법 Click!
102. 모듈 단위의 레이어 구상하기
103. 분리되는 코드 운영을 위한 프로세스 구축
104. 상황에 맞는 여러 모노레포의 기술 중
105.적합 기술 선택 및 코드베이스 구축
106. 여러 보일러플레이트 기반의 모노레포 구축하기
107. 공통 사용 가능한 모듈을 이용한 개발환경 구축
108. 페이지 요구사항을 구현
109. AWS를 이용해 모노레포로 만든 신규 프로젝트의 정적 웹 페이지를 서빙하기 (페이지를 볼 수 있는 인프라를 구축하기)
110. 신규 프로젝트 구축 진행 후 회고로 발전 방향 탐색하기
111. 각 프로덕트 별 공통된 코드를 여러 프로덕트에서 사용할 수 있도록 프로세스를 구축하기
112. 공통으로 만들 코드 레이어를 지정하고 구축하기
113. 문서화, 커뮤니케이션, 채널 등을 운영하기 위한 프로세스 구축하기 -
문제 상황
협업 인원의 증가와 프로덕트가 성장함에 따라 비대해진 UI 컴포넌트를 정리해야 한다.
모노레포 전환 후 디자인 시스템을 도입하여 일관성을 유지하고, 협업 효율성을 높여라!
해결방법 Click!
114. 조직 규모 진단으로 디자인시스템 전환 타당성 파악
115. 조직 규모를 기반으로 아키텍처를 구축하기
116. 디자인 랭귀지 구축하기
117. 컴포넌트 인터페이스 설계하기
118. 보이지 않는 컴포넌트, 보이는 컴포넌트 등 여러 세부적인 코드 구현하기
119. CI/CD, Testing, Storybook, versioning 등 인프라 다방면으로 개발/운영이 가능한 프로세스를 구축하기
120. 디자이너, 사용자간 확인할 수 있는 프리뷰 서비스 배포하기
121. 시각적회귀테스트를 통한 프로덕트 레이아웃에 영향도 없는 프로세스 구축하기
122. 실제 사용해보고 사용에 타당한가 필드 테스트 진행하기
123. 디자이너향 디자인 시스템으로 편의성 확장
124. 디자인 가이드라인 제작하기기 -
문제 상황
조직이 성장하며 구조 변경으로 제품과 팀 간의 영역을 나누기 복잡해졌다.
R&R이 복잡한 상황을 해결하고 효율적으로 운영하라!
해결방법 Click!
125. 팀 별 디펜던시가 없는 최소한의 구조 파악하기
126. R&R이 분리된 페이지 구축을 위한 아키텍처 그리기
127. 페이지 내 R&R 분리하기 (Module Federation, Npm module, Iframe 등)
128. Module federation 환경 구축을 통한 페이지 통합하기(Vite, Webpack 기반)
129. Module을 package 레벨로 관리하거나나 iframe등의 방법으로 코드 쉐어링하기
130. 10개 이상의 멀티 도메인 프로덕트를 하나로 응집하여, 여러 팀이 운영할 수 있도록 구축해야하는 상황을 파악하고 진단하기
131. 인원이 많아져 분리된 서비스를 다시 운영 인력의 문제로 인해 합치는 과정을 진단하고 작업하기 -
문제 상황
많은 개발자들이 함께 일하게 되면서, 구성원들의 성장을 돕는 개발 문화가 필요한 때다.
이를 위해 여러 상황을 확인하고 개선할 방법을 찾아라!
해결방법 Click!
132. 조직 운영 중 문제를 판단 및 자동화 관점에서 생각하기
133. 조직 업무 프로세스를 파악하기
134. 각 노드 별 병목 해결이 필요한 지점 파악하기
135. 팀 내외로 커뮤니케이션 문제 정의 및 개발/문화적으로 해결하기
136. 코드 리뷰 및 문화
137. 브랜치 전략
138. 자동화 & 그라운드룰 정하기
139. 주도적 업무를 위한 애자일 방법 -
문제 상황
새로운 Feature 추가를 위해 PO가 PRD를 작성했다. 이를 기반으로 구현 가능 여부를 조율하며
구현해 나가야 한다.
PO와 효과적인 협업을 위해 커뮤니케이션 하라!
★ 이커머스 출신 PO Lead와의 협업 ★ Click!
이다혜 PO님 약력
• 현) 원티드랩 PO Lead
• 전) 쿠팡 UX Designer | 딜리버리 서비스 디자인 담당
신뢰할 수 있는 커리큘럼
이 커리큘럼을 신뢰할 수 있는 이유!
우아한형제들 리드와 시니어가 모여 만들었습니다!
실제 개발자들이 가장 많이 겪고
어려워하는 일들을 모두 모아!
현업이 요구하는 경험을 모-두 충족하도록 구성했습니다.
강의를 듣고 따라하기만 해서는 완전히 내 것으로 만들 수 없습니다.
배운 내용을 복습하고, 한 걸음 더 나아가
응용 방법까지 스스로 학습하기 위해서는 무엇이 필요할까요?
Point 3
강의에서 배운 내용을 듣고 끝이 아닌,
문제 해결 능력을 키워줄 수 있는 9가지 과제
채용 과제 대비 ‘조건에 맞는 구현 과제’부터, 실무자료 바탕 ‘응용 과제’까지.
실제적인 경험과 노하우를 쌓아보세요!
강사님 한 마디
다채로운 과제로 실력 향상의 기회를 꼼꼼히 챙기세요! 요구사항과 문제를 바라보는 다양한 시각을 갖고 이를 통해서 최적화 된 구현 방법을
찾는 능력을 기를 수 있습니다. 본 강의로 실제적인 경험과 노하우를 쌓고 다양한 상황에 대처하는 능력을 키워보세요.
Point 4
프론트엔드 개발자라면 꼭 알아야 하는
필수 & 심화 기술까지 상황별 최적의 활용 방법 마스터
문제 해결에 필요한 기술들을 상황에 맞춰 이해하기 쉽게 학습할 수 있습니다.
상황에 따라 다른 해결 방법으로 배우는 3가지 필수 기술
-
성능 최적화
• 순환 참조로 인한 무한로딩의 발생
• Next.js 배포 시 발생되는 CPU high 현상
• 의존성 시각화를 이용한 코드 로직의 최적화
• 페이지 로드가 느려 유저가 자주 접근하지 않을 때 -
테스트
• 복잡한 비즈니스 요구사항에 따른 개발 난이도의 급격한 상승
• E2E 자동화 테스트를 통한 전체 프로덕의 무결성 유지
• 요구사항에 맞춘 개발이 잦은 예외상황 발생으로 지속적 수정이 필요한 상황 -
배포
• 프로덕트 배포
• 서로 다른 목적 조직간의 동기를 맞추는 배포/형상 관리
• 트래픽이 커지면서 발생하는 성능 문제를 해결하는 배포환경 개선
프로덕트가 커졌을 때 필요한 아키텍처 전환 과정으로 배우는 3가지 심화 기술
-
| 전환 상황프로덕트가 성장하여 코드 분리 & 안정화 필요한 때, 단일 프로덕트에서 멀티 도메인 프로덕트로 전환
-
| 전환 상황변경된 멀티 도메인 프로덕트를 포함 & 개발 생산성과 안정성 향상을 위해 멀티 레포에서 모노레포로 전환
-
| 전환 상황인원과 프로덕트가 성장함에 따라 비대해진 컴포넌트를 정리 & 여러 도메인과 기능 간 일관성 유지가 필요할 때 디자인 시스템 구축
강사님 한 마디
점진적으로 커져가는 프로덕트의 상황을 경험하고, 현재 조직에서 필요한 기술을 미리 습득하는 흐름으로 강의를 구성했습니다.
많은 도메인과 복잡한 기능이 들어가는 상황에서, 단순한 코딩으로의 해결이 아닌 앞으로 있을 문제를 고민하고,
설계를 통한 문제해결 방법을 배울 수 있습니다.
배운 내용 200% 활용! 막힐 때 강의 클립 바로 찾아 듣는 “문제 대응 Best Practice 100선” 포켓 자료 제공
평생소장이니까, 급할 때 바로 꺼내보세요.강의 내용을 확인하고 실무에 적용하여 빠른 트러블 슈팅이 가능해집니다.
*자료는 강의 최종 오픈일에 맞춰 제공됩니다
Point 6
우아한형제들 팀장 & 시니어와
카카오 신입 공채 교수자로 구성된 강사진
더욱 실무 초밀착된, IT대기업의 업무 방식을 확인할 수 있습니다.
안재원 강사님
• 카카오 신입 공채 FE 교수자
• 프론트엔드 온오프라인 강사
• ‘따라하며 배우는 도커와 CI환경’ 저자
• 각종 금융기관 및 공공기관용
SNS 개발
강사님 한마디
기존 강의에서 만나볼 수 없었던 더 강화된 세부 기능 구현을 만나볼 수 있도록
강의를 구성했습니다.
쿠팡의 메인페이지부터 장바구니 페이지, 마이페이지, 결제 페이지를 비롯한 admin까지!
진짜 이커머스 프로덕트 구현에 필요한 모든 기능을 모아두었으니 충분히 학습하고
활용해보시길 바랍니다.
박세문 강사님
• 현) 우아한형제들 Senior 개발자
• 전) Agoda | EA Korea 등
프론트엔드 개발 15년차
강사님 한마디
기술 스택 사용 목적을 완벽 이해 학습하여, 프로덕트 유지/관리/보수 문제 상황 대응을 효과적으로!
진짜 회사에서 일하듯이, 문제상황을 해결하는 과정에서 팀이 사용하는 공통 스택 외의
이슈 대응을 위한 추가 스택 활용을 결정 할 때 스택별 장단점을 학습하고,
문제 상황에 맞는 해결법에 따라 스택을 결정하는 과정을 학습합니다.
마광휘 강사님
• 현) 우아한형제들 배민커머스
웹프론트 개발 팀장
• 전) 와인포인트 등 프론트엔드 개발
11년차
강사님 한마디
서비스의 확장성, 안정성과 조직의 생산성까지 세마리 토끼를 한 번에!
서비스가 인기를 얻을수록 프론트엔드 개발자는 더 큰 도전이 요구됩니다.
늘어난 유저에 맞춰 관리할 소스코드는 늘어나고, 조직 규모가 커짐에 따라 협업할
인원이 많아질 때, 비즈니스 로직을 비롯해 서비스의 아키텍처와 시스템 개선을
적극 생각해야 합니다.
수강 중 궁금한 내용은 언제든 질문할 수 있도록
수강생 디스코드 커뮤니티 운영
답변하고 수강생과 지식과 고민을 공유하는 질의응답 커뮤니티를 운영합니다.
• 본 커뮤니티는 온라인 강의장 공지사항에 기재된 링크를 통해 참여 가능합니다.
• 강사님의 질의 응답은 2023년 07월 26일 ~ 2026년 03월 29일 까지 운영 될 예정입니다.
Benefit 2
타사에서 찾기 힘든 요소만 모아
초밀착 + 초압축으로 구성된 찐! 초격차 강의를 확인하세요.
고퀄리티 강의를 타사 대비 1/4 저렴한 가격에 평생 소장하세요!
-
부록 제공
• 문제 대응 리스트 100선 -
커뮤니케이션 능력 향상 : Special 파트
• 원티드 PO X 우아한형제들 개발 팀장
• 실전 커뮤니케이션 학습 -
질의응답
• 강사님이 직접 답변
시나리오 학습법으로 실전 개발 문제를 해결하며
경험을 쌓은 당신이 마주할 눈부신 변화의 모습을 살펴보세요!
▾▾▾▾▾
실무에 바로 적용 가능한 시나리오 학습으로 상황에 맞는 다양한 해결 방법과 기술을 고려하고 선택하는 능력이 강화됩니다.
서비스와 조직이 성장하며 발생하는 다양한 개발 내/외의 문제 - 해결 방법을 이해하고 적용할 수 있습니다.
프로덕트 품질 관리 전반에 필요한 테스트, 자동화, 아키텍처 등 개념을 이해하고 적용할 수 있게 됩니다.
비개발 & 개발 직군과 협업에 용이한 커뮤니케이션 역량을 강화하고 원만한 조율이 가능해집니다.
이커머스 프로덕트의 다양한 기능을 구현할 수 있게 됩니다.
조직의 성장을 위해 해결해야 할 문제를 진단하고 해결 방법을 찾아 적용할 수 있게 됩니다.
상세 커리큘럼.
아래의 모든 강의를 초격차 패키지 하나로 모두 들을 수 있습니다.
지금 한 번만 결제하고 모든 강의를 평생 소장하세요!
1. 대규모 이커머스 서비스 프로덕트 개발하기 - 프론트유저단
2. Shop App “Admin” 기능 생성하기
3. 개발 중인 프로덕트의 안정성 향상을 위한 TS 적용하기
4. 개발 중인 프로덕트의 편의성 향상을 위한 접근성 알아보기
5. 개발중인 프로덕트의 생산성 향상을 위한 테스트
6. 서로 다른 목적 조직간의 동기를 맞추는 배포/형상 관리
7. UX 개선을 위한 효율적인 비동기 데이터의 관리
8. 프로덕트 성공을 위한 노출을 늘리는 검색엔진 최적화
9. 개발 생산성을 확보하는 의존성을 배제한 FE개발
10. 운영 비용 관리를 위한 배포 환경 내재화
11. 개발 생산성 향상을 위한 고도화된 테스팅 전략 수립화
12. 개발생산성 및 성능 개선을 위한 퍼포먼스 최적화
13. 실제 제품을 운영 중 프로덕션 환경에서 발생하는 여러 문제 해결
14. (오프닝) 프로덕트의 생명주기
15. 서비스가 성장하며 단일 프로덕트에서 멀티 도메인 프로덕트로 가기위해
16. 늘어난 개발자와의 협업을 위하여 멀티 도메인을 포함하기 위한 모노레포로의 전환
17. 디자이너와의 원활한 협업 및 개발 생산성을 위해 비대해진 컴포넌트, 디자인시스템으로 전환하기
18. 조직의 규모 성장에 따른 복잡한 R&R에서의 프로덕트 운영하기
19. 효율적인 업무를 위한 개발환경 성장
Special. 우아한형제들 개발팀장 X 원티드 PO : PO가 작성한 PRD 기반으로 협업하기
혜택 강의 1. 개발자들을 위한 교양 수업 01 - 소프트웨어 개발 원칙 및 설계 from <현실 세상의 컴퓨터공학 지식>
혜택 강의 2. 개발자들을 위한 교양 수업 02 - 버전/이슈/문서 관리 from <현실 세상의 컴퓨터공학 지식>
혜택 강의 3. 개발자들을 위한 교양 수업 03 - 개발자 AI 업무 도구 활용 from <현실 세상의 컴퓨터공학 지식>
혜택 강의 4. MCard 프로젝트로 최적화 실습 from <고성능 대규모 프론트엔드 10개 프로젝트>
혜택 강의 5. 디자인 시스템 프로젝트로 실제 과정 엿보기 from <고성능 대규모 프론트엔드 10개 프로젝트>
-
상세 커리큘럼
자세한 커리큘럼 및 내용은 여기서 확인하세요!