root layout

패스트캠퍼스

Kernel360 : 프론트엔드

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

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

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

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

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

  • HTML
  • CSS
  • React
  • 왕초보
3차오픈
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
  • 유저인터랙션
  • 반응형
  • 블렌더
  • 초격차
전체오픈
사이드 프로젝트 : 10개 기술스택으로 구현하는 풀스택 서버리스 프로젝트 with React

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

  • 프론트엔드심화
  • 사이드프로젝트
  • serverless
  • 프론트엔드
  • frontend
  • 리액트
  • react.js
  • 자바스크립트
  • javascript
  • aws
  • 노드
  • node.js
  • node
  • TDD
  • 반응형
  • 비동기
  • 상태관리
  • 풀스택
  • 네카라쿠배
  • 아마존
  • 카카오
전체오픈
김민태의 프론트엔드 아카데미 : 제 3강 시나리오로 배우는 프론트엔드 실무

우아한형제들 기술이사 김민태가 직접 재구성한 프론트엔드 강의 시리즈! 제 3강에서는 실무에서 마주치는 대표적인 8가지 상황을 시나리오를 통해 직접 해결해보며 프론트엔드 개발자의 업무 범위와 해결 방법을 학습합니다.

  • Frontend
  • 주니어개발자
  • 실무강의
  • 실전대비
  • 자바스크립트
  • Javascript
  • 타입스크립트
  • Typescript
  • 리액트
  • React
  • React.js
  • 노드
  • Node.js
  • Node
  • graphql
  • 프론트엔드심화
  • 협업
  • 리팩토링
  • msa
  • 웹앱
  • 커리어
  • 우아한형제들
  • 개발
  • 프로그래밍
전체오픈
김민태의 프론트엔드 아카데미 : 제 2강 만들어보며 이해하는 React & Redux

우아한 형제들 기술이사 김민태의 아카데미 시리즈 2강!, React와 Redux를 직접 만들어보며 그 핵심 원리를 파헤칩니다. 김민태님의 27년 차 라이브 코딩을 엿볼 수 있는 기회!, React나 Redux의 사용법만을 아는 것도 꽤나 어려운 일이지만, React와 Redux를 직접 만들어보는 경험은 사용자가 아닌 생산자의 관점에서 기술을 이해할 수 있게 하고, 무의식적으로 규정한 사고의 한계를 벗어날 수 있게 해주는 큰 경험이 될 것입니다.

  • 리액트
  • 리덕스
  • Frontend
  • 웹개발
  • 라이브코딩
  • 미들웨어
  • middleware
  • 의존성
  • 사이드이펙트
  • 비동기
  • 비동기처리
  • 상태관리
  • 우아한형제들
  • 라이브러리
  • react.js
  • 개발
  • 프로그래밍
  • 기술이사
  • 프론트엔드심화
전체오픈
The RED : 조은의 프론트엔드 실무 가이드 : 요구사항 분석과 적정 기술

부트캠프에서 이론과 Best Practice를 배웠지만 정작 실무 역량은 부족한 프론트엔드 개발자들을 위한 강의입니다. 버킷플레이스(오늘의집) 프론트엔드 리드 출신 조은이 실무에서 일하는 방식 그대로! 요구사항을 분석하고 적정 기술을 선정하여 MVP를 개발해봅니다.

  • 프론트엔드
  • 적정기술
  • MVP
  • 프로그래밍
  • 프론트엔드 개발
  • 더레드
  • 조은
  • 프론트엔드 실무
  • Frontend
  • HTML
  • JavaScript
  • React
  • GraphQL
  • Node.js
  • 레드
  • 마이크로프론트엔드
  • GDE
  • 오늘의집
  • 버킷플레이스
  • 프론트엔드심화
전체오픈
The RED : 견고한 UI 설계를 위한 마크업 가이드 by 정찬명

모두가 기다려온 HTML/CSS 심화과정으로 20년 차 UI 개발자가 여러분들의 실무 역량 강화를 위해 심혈을 기울여 만든 강의입니다. 웹 개발자, 프론트엔드, UI/UX디자이너 등 모두를 포괄하여 HTML/CSS를 제대로 배우고 싶은 분들이 수강 대상입니다.

  • 실무필수스킬
  • 프로그래밍
  • 프론트엔드 개발
  • 더레드
  • 정찬명
  • UI 개발자
  • SEO
  • METADATA
  • 검색 엔진 최적화
  • 프론트엔드심화
  • HTML
  • 심화