root layout

패스트캠퍼스

Kernel360 : 프론트엔드

기획부터 개발, 배포, 운영까지 실전 개발 프로젝트를 그대로 경험하는 프로젝트형 부트캠프(오프라인, 6개월)

  • 내일배움카드
  • 부트캠프
  • 국비지원
  • 커널360
  • KERNEL360
  • 프론트엔드
  • 프론트엔드부트캠프
  • 프로젝트
전체오픈
김민태의 세상에서 가장 친절한 프론트엔드 수업

혼자서는 풀지 못하는 개발의 갈증, 프론트엔드 입문자를 위해 실무 경력 30년차 김민태가 나섰습니다. 든든한 선배 김민태가 알려주는 세상에서 가장 친절한 프론트엔드 수업!

  • 한정무료
  • 프론트엔드
  • 입문
  • 기초
  • 왕초보
전체오픈
김민태의 프론트엔드 Pre Academy : 처음 시작하는 프론트엔드

프런트엔드 개발자들의 사수 우아한형제들 기술 이사 김민태 강사님이 준비한 왕초보를 위한 Pre Academy. 30년의 실무 경력과, 12년의 교육 경력을 녹인 탄탄한 커리큘럼과 프로젝트로 프런트엔드 개발자로의 첫 발을 내디뎌보세요!

  • HTML
  • CSS
  • React
  • 왕초보
1차오픈
2024 시그니처 프론트엔드 : 웹 개발부터 모바일까지 프론트엔드의 모든 것

현재 FE 개발자에게 요구하는 모든 것을 담은 192시간 패스트캠퍼스 프론트엔드 시그니처 강의

  • 프론트엔드
  • 시그니처
  • 입문
  • 기초
  • 기본
  • 실전
  • 리액트
  • REACT
  • NEXT.JS
  • VERCEL
  • REACTNATIVE
  • JAVASCRIPT
  • 웹뷰
  • 코딩테스트
  • TYPESCRIPT
  • 프런트엔드
  • COPILOT
  • CHATGPT
  • 취업
  • 이직
  • 빅테크
  • FRONTEND
  • SIGNITURE
전체오픈
올인원 패키지 : 프론트엔드 최적화 완전 정복 (React & Next.js)

기능 구현 후 최적화로 실무 프로세스 그대로! 웹 사이트 특징 맞춤 최적화 완벽 학습

  • 프론트엔드
  • 성능 최적화
  • 웹 서비스
  • 서비스 개발
  • 최적화 기술
  • 최적화
  • 개발
  • 프론트엔드 개발자
  • UX
  • UI
  • 유저 경험
  • react
  • 리액트
  • typescript
  • recoil
  • vercel cli
  • firebace
  • sass
  • prisma
  • query
  • 쿼리
  • next.js
  • 서버 사이드 렌더링
  • 자바
  • java
  • 디버깅
  • 구글 최적화
  • 토스 증권
  • 대용량
  • 빅테크
  • 고석진
  • 유지보수
  • 렌더링
  • 트리쉐이킹
  • 메모이제이션
  • cdn
  • javqScript
  • 프레임워크
  • 라이브러리
  • 개발언어
  • 상태관리
  • contextapi
  • suspense
  • errorboundary
  • 배포
  • ci
  • cd
전체오픈
내 생에 마지막 JavaScript : 기초 문법부터 실무 웹 개발까지 한 번에 끝내기 초격차 패키지 Online.

프론트엔드 개발자를 위한 JavaScript 입문부터 실전까지 한 번에 끝내는 강의 - JavaScript의 핵심 문법을 학습하고 예제 18가지 및 프로젝트 16가지를 통해 완벽하게 이해할 수 있는 강의 - JavaScript를 통해 프론트엔드의 구조와 동작원리를 이해를 이해할 수 있는 강의 - JavaScript를 통해 프레임워크 4가지와 상태관리 3가지를 한 번에 학습할 수 있는 강의 · JavaScript 문법부터 웹 개발, 트러블슈팅까지 모두 담은 약 78시간의 강의 · 초급-실무 · 선수지식: HTML, CSS · 수강대상: 0-2년차 프론트엔드 개발자

  • 초급-실무
  • 프론트엔드
  • 코딩테스트
  • 문법
  • 프로젝트
  • 바닐라js
  • vanila
전체오픈
더 쉽고 편하게 만드는 3D 인터랙티브 웹 개발 : 구현부터 최적화까지 (feat. R3F & Three.js)

5개 3D 인터랙티브 웹 프로젝트, 약 36시간 + @ 분량의 3D 인터랙티브 웹 강의. 3D 인터랙티브 웹의 근본 Three.js부터 최근 주목받는 React기반의 R3F까지! 더 쉽게, 하지만 더 다양한 기능을 포함한 3D 인터랙티브 웹을 구현합니다. 차별화된 포트폴리오, 나의 손길에 반응하는 웹, 유저가 계속 방문하는 웹을 만들고 싶은 분들께 추천합니다!

  • 프론트엔드
  • #R3F
  • #Three.js
  • #인터랙티브
  • 웹개발
  • 프로젝트
  • frontend
  • 인터렉티브
  • 3D
  • 3d
  • 2d
  • 인터랙션
  • HTML
  • 자바스크립트
  • JAVASCRIPT
  • WEBGL
  • VR
  • AR
  • 메타버스
  • 인터랙티브웹
  • 포트폴리오
  • 토스
  • 프론트엔드심화
  • UX
  • UI
  • 유저인터랙션
  • 반응형
  • 초격차
전체오픈
마이크로 프론트엔드(MFA:Micro Frontend Architecture) : 대규모 서비스 설계부터 운영까지 (feat.모노레포&모듈페더레이션)

대규모 프론트엔드에 적합한 아키텍처인 마이크로 프론트엔드 아키텍처의 개념을 익히고, 1개의 서비스를 설계-구현-운영까지! best practice 기반으로 프론트엔드 개발 실무를 300% 반영한 강의로, 커져가는 서비스와 코드 베이스로 고민하는 부분을 해결할 수 있습니다!

  • 마이크로프론트엔드
  • MFA
  • 프론트엔드
  • 아키텍처
  • 모노레포
  • 모듈페더레이션
  • Frontend
  • monorepo
  • 대규모프로젝트
  • 프로젝트
  • 미드레벨
  • 시니어
  • 실무자
  • 평생소장
  • 코드베이스
  • 모놀리식
  • monolithic
  • 유지보수
  • 확장성
  • 레포지토리
  • 모듈번들러
  • 모던프론트엔드
  • 대규모서비스
  • 독립성
  • 의존성관리
  • module
  • modulefederation
  • 모듈
  • modulebundler
  • webpack
  • 웹팩
전체오픈
7개 프로젝트로 완벽 대비하는 Next.js 실무 (ft. 성능 개선) 초격차 패키지 Online

다양한 규모와 난이도의 7개 프로젝트를 통해 Next.js를 기초 개념부터 실전 활용까지 다룹니다. Next.js로 까다로운 기능을 구현하고, 페이지마다 적절한 렌더링 전략을 선택하여 고성능 프론트엔드를 구성해보세요! 뿐만 아니라 버전 12에서 13으로 마이그레이션하는 것까지, 실무에서 만날 수 있는 모든 Next.js 시나리오를 다뤄보세요. Next.js를 처음 들어본 당신도, 93시간 후면 현업자 수준으로 Next.js를 사용할 수 있을 거에요!

  • Next.js
  • React
  • 평생소장
  • 성능개선
  • 고성능
  • 대규모
  • 프로젝트
  • 커머스
  • 예약
  • 렌더링
  • 마이그레이션
  • SEO
  • 프론트엔드
  • frontend
  • nextjs
  • 넥제
  • js
  • next
  • 넥스트제이에스
  • 넥스트
  • 리액트
  • 안재원
  • 서명석
  • 이태훈
  • 공혜원
  • 요기요
전체오픈
고성능 대규모 프론트엔드 10개 프로젝트 : 최적화부터 유지보수까지 한 번에 끝내는 초격차 패키지 Online.

프론트엔드 개발의 핵심 4가지- 성능최적화,재사용성(생산성), 유지보수 & 풍부한 기능 구현까지 한 번에! 대규모 프로젝트 구현으로 학습하여 바로 실무에 적용하세요!

  • 프론트엔드
  • 실무
  • 주니어
  • 미드레벨
  • Frontend
  • React
  • 모노레포
  • monorepo
  • 최적화
  • 디자인시스템
  • 실전
  • 심화
  • 시니어
  • 실무자
  • 리액트
  • 대규모프로젝트
  • 프로젝트
  • 프론트엔드프로젝트
  • 유지보수
  • jotai
  • recoil
  • 번들러
  • reactquery
전체오픈
100가지 시나리오로 학습하는 프론트엔드 : 5년 이상 경험을 초압축한 실전 문제 해결 패키지

5년치 개발 경험을 90시간으로 초압축! 100가지 문제상황으로 실전 개발에 맞는 FE 기술을 학습하는 강의입니다. 기술의 질적 성장을 위해 100가지가 넘는 프론트엔드 기술을 학습하고, 실무에서 개발/운영하는 노하우를 얻어가세요. 우아한형제들 개발자와 함께 Best Practice를 익히고 초고속 성장할 수 있습니다.

  • 프론트엔드
  • 실무
  • 주니어
  • 미드레벨
  • Frontend
  • React
  • Sentry
  • Playwright
  • JEST
  • 모노레포
  • monorepo
  • aws
  • 코드품질
  • 최적화
  • 디자인시스템
  • tdd
  • 우아한형제들
  • 실전
  • 심화 평생소장
  • 시니어
  • 실무자
전체오픈
올인원 패키지 : 만들면서 익히는 React의 모든 것 개발부터 배포까지 with 25개 스택

React 입문부터 실전까지! React로 개발-상태관리-스타일링-CI/CD까지 모두 한 강의에서 끝낼 수 있습니다. 약 61시간 분량의 강의를 평생소장하여 편안하게 학습하세요.

  • React
  • 실습기반
  • 프론트엔드
  • 프로젝트
  • Frontend
  • node.js
  • express
  • javascript
  • typescript
  • 자바스크립트
  • 타입스크립트
  • Redux
  • 리덕스
  • mobx
  • recoil
  • zustand
  • styled
  • emotion
  • tailwind
  • 상태관리
  • ssr
  • 서버사이드렌더링
  • 카카오 입문
  • 기초
  • 실전 평생소장
  • 입문자
  • 실무자
  • 스타일링
  • materialui
모집중
[중급] 반응형 웹 완전 정복 : 나만의 웹사이트 제작으로 포트폴리오 완성

혼자 공부하기엔 어려운 웹 모션을 구현하기 위한 코딩, 최성일 강사와 HTML, CSS, JS 기초 문법 배우며 화려한 인터랙션이 눈길을 끄는 웹을 구현해보아요.

  • 국비지원
  • 웹개발
  • 웹모션
  • 프론트앤드
  • 인터랙티브
  • HTML
  • Javascript
  • 모션디자인
  • 내일배움카드
전체오픈
Remix 핵심 정복: 편리하고 더 빠른 웹 개발 feat. 성능최적화

올 한 해 주목해야 할 풀스택 웹 프레임워크 Remix를 약 20시간, 2개 프로젝트로 학습합니다. CRUD부터 결제 기능까지 학습하여 핵심 기능은 모두 학습할 수 있습니다. 새로운 스택에 관심 있던 개발자, 나홀로 사이드 프로젝트를 고민 중인 개발자, 효율적으로 웹을 개발해보고 싶은 개발자라면 풀스택 웹 프레임워크 Remix를 강력 추천 드립니다. Feat. Remix의 효율적인 웹 개발과 빠른 웹 서비스 구현의 특징을 살려 프론트엔드 성능최적화 관점 일부까지 함께 학습할 수 있습니다.

  • 프론트엔드
  • 사이드프로젝트
  • Remix
  • Frontend
  • Next.js
  • React
  • 넥스트제이에스
  • 리액트
  • 풀스택웹프레임워크
  • SSR
  • 렌더링최적화
  • 로딩최적화
  • 웹개발
  • 프론트엔드심화
  • 평생소장
  • 리믹스
전체오픈
초격차 패키지 : 21개 프로젝트로 완성하는 인터랙티브 웹 개발 with Three.js & Canvas

21개 프로젝트, 약 85시간 분량의 인터랙티브 웹 강의. 인터랙티브 웹의 기초부터 Canvas.js를 활용한 2D, Three.js와 WebGL, Blender를 활용한 3D 인터랙티브 웹까지 구현해봅니다. 평소 유저가 호감 갖는 웹, 화려한 웹, 유저의 마우스 클릭이나 스크롤에 반응하는 웹, 나만의 독특한 포트폴리오 웹을 만들고 싶었던 분들이라면 꼭 추천드립니다.

  • 인터랙티브
  • 웹개발
  • 프로젝트
  • 프론트엔드
  • frontend
  • HTML
  • 자바스크립트
  • JAVASCRIPT
  • WEBGL
  • 3D
  • 2D
  • VR
  • AR
  • 메타버스
  • 인터랙티브웹
  • 포트폴리오
  • 네카라쿠배
  • 토스
  • 프론트엔드심화
  • UX
  • UI
  • 유저인터랙션
  • 반응형
  • 블렌더
  • 초격차
전체오픈
한 번에 끝내는 HTML, CSS, JavaScript, TypeScript

HTML, CSS, JavaScript, 그리고 TypeScript까지 강의 하나로 완전 정복! 기초 문법부터 심화 프로젝트까지 모두 준비했습니다. 순수하게 JavaScript만으로 프로젝트를 구현하는 방법을 3단계로 학습하며 JavaScript에 대한 더 깊은 이해를 할 수 있습니다.

  • 프론트엔드
  • frontend
  • 타입스크립트
  • 바닐라js
  • vanila.js
  • vanillajs
  • 자바스크립트
  • 반응형웹
  • 반응형
  • 클론코딩
  • 스타벅스
  • 아이패드
  • 프로그래밍
  • 개발언어
  • 프론트엔드입문
  • 웹개발입문
  • 개발자취업
  • 프론트엔드기초
  • HEROPY
전체오픈
사이드 프로젝트 : 10개 기술스택으로 구현하는 풀스택 서버리스 프로젝트 with React

카카오, 아마존 출신 개발자에게 프로젝트로 배우는 프론트엔드 실무!

  • 프론트엔드심화
  • 사이드프로젝트
  • serverless
  • 프론트엔드
  • frontend
  • 리액트
  • react.js
  • 자바스크립트
  • javascript
  • aws
  • 노드
  • node.js
  • node
  • TDD
  • 반응형
  • 비동기
  • 상태관리
  • 풀스택
  • 네카라쿠배
  • 아마존
  • 카카오
전체오픈
초단기 완성 : 14일 만에 만드는 스타벅스 웹 사이트 with HTML&CSS

코딩 왕초보도 14일 만에 고퀄리티 웹 사이트를 만들 수 있어요! HTML/CSS/JS 핵심 기술 3가지로 페이지를 구현하고, Git을 활용한 버전 관리와 배포까지 모두 진행! 프론트엔드 클론 코딩은, 이 강의로 끝내세요!

  • 클론코딩
  • html
  • css
  • 프론트엔드
  • FRONTEND
  • 자바스크립트
  • JAVASCRIPT
  • GIT
  • GITHUB
  • 깃헙
  • 깃허브
  • 프론트엔드입문
  • 웹개발입문
  • 코딩입문
  • 프로젝트
  • 웹개발
  • 버전관리
  • 프론트엔드기초
  • 개발
  • 프로그래밍
  • HEROPY
전체오픈
Next.js 완전 정복 : 확장성 높은 커머스 서비스 구축하기

Next.js의 기본/심화 개념을 익히고 이를 블로그와 커머스 서비스로 개발&서버리스 배포까지, best practice 기반으로 프론트엔드 개발 실무를 300% 반영한 강의로, React로 웹 서비스 만들며 고민하는 부분을 해결해보세요!

  • Next.js
  • react
  • 평생소장
  • 프론트엔드
  • 쇼핑몰
  • 커머스
  • 포트폴리오
  • SSR
  • SEO
  • SSG
  • 프론트엔드 프로젝트
  • vercel
  • frontend
  • nextjs
  • next
  • 넥스트
  • spa
  • 리액트
  • typescript
  • 타입스크립트
  • git
  • 노드
  • node.js
  • node
  • 토스증권
  • 토스
  • toss
  • 서버리스
  • severless
  • 설계
  • api
  • 배포
  • 이커머스
  • 서비스구현
  • 프론트엔드심화
출시알림
[중급] 프론트엔드 종합반 : HTML&CSS, JS, React

프론트엔드의 기초인 HTML&CSS, JS에 React까지 한 번에 확실하게 알려드려요!

  • 국비지원
  • 프론트엔드
  • React
  • Redux
  • 내일배움카드
  • HTML
  • CSS
  • JS