Courses
Challenges
Reviews 🔥
Community
FAQ
Roadmap
Courses
Challenges
Reviews 🔥
Community
FAQ
Roadmap
React JS 마스터클래스
Typescript, Recoil, Framer Motion, Gatsby
#1 Introduction
#1.0 Welcome (01:33)
미리 보기 →
#1.1 Requirements (01:49)
미리 보기 →
#1.2 Structure (01:55)
미리 보기 →
#2 Styled Components
#2.0 Why Styled Components (05:16)
수강하기 →
#2.1 Our First Styled Component (10:06)
수강하기 →
#2.2 Adapting and Extending (07:45)
수강하기 →
#2.3 'As' and Attrs (06:18)
수강하기 →
#2.4 Animations and Pseudo Selectors (09:29)
수강하기 →
#2.5 Pseudo Selectors part Two (04:49)
수강하기 →
#2.6 Super Recap (13:25)
수강하기 →
#2.7 Themes (08:47)
수강하기 →
#3 Typescript
#3.0 Introduction (10:35)
수강하기 →
#3.1 DefinitelyTyped (09:51)
수강하기 →
#3.2 Typing the Props (12:19)
수강하기 →
#3.3 Optional Props (09:48)
수강하기 →
#3.4 State (06:17)
수강하기 →
#3.5 Forms (09:02)
수강하기 →
#3.6 Themes (08:42)
수강하기 →
#3.7 Recap (12:20)
수강하기 →
#4 [🔥2022 Update] React Router v6
#4.0 Update Introduction (02:54)
수강하기 →
#4.1 BrowserRouter (06:33)
수강하기 →
#4.2 createBrowserRouter (08:12)
수강하기 →
#4.3 errorElement (04:32)
수강하기 →
#4.4 useNavigate (02:12)
수강하기 →
#4.5 useParams (07:19)
수강하기 →
#4.6 Outlet (05:44)
수강하기 →
#4.7 useOutletContext (06:18)
수강하기 →
#4.8 Extras (08:02)
수강하기 →
#5 Crypto Tracker
#5.0 Setup (09:54)
수강하기 →
#5.1 Styles (09:44)
수강하기 →
#5.2 Home part One (09:25)
수강하기 →
#5.3 Home part Two (09:47)
수강하기 →
#5.4 Route States (14:55)
수강하기 →
#5.5 Coin Data (07:47)
수강하기 →
#5.6 Data Types (11:07)
수강하기 →
#5.7 Nested Routes part One (12:19)
수강하기 →
#5.8 Nested Routes part Two (08:42)
수강하기 →
#5.9 React Query part One (13:08)
수강하기 →
#5.10 React Query part Two (15:03)
수강하기 →
#5.11 Recap (04:49)
수강하기 →
#5.12 Price Chart (08:25)
수강하기 →
#5.13 Price Chart part Two (15:42)
수강하기 →
#5.14 Price Chart part Three (08:51)
수강하기 →
#5.15 Final Touches (05:36)
수강하기 →
#5.16 Conclusions (02:11)
수강하기 →
#6 State Management
#6.0 Dark Mode part One (08:02)
수강하기 →
#6.1 Dark Mode part Two (15:43)
수강하기 →
#6.2 Introduction to Recoil (12:28)
수강하기 →
#6.3 Introduction to Recoil part Two (05:38)
수강하기 →
#6.4 Recap (05:35)
수강하기 →
#6.5 To Do Setup (06:56)
수강하기 →
#6.6 Forms (13:46)
수강하기 →
#6.7 Form Validation (14:26)
수강하기 →
#6.8 Form Errors (12:01)
수강하기 →
#6.9 Custom Validation (13:15)
수강하기 →
#6.10 Recap (09:17)
수강하기 →
#6.11 Add To Do (13:18)
수강하기 →
#6.12 Refactoring (11:02)
수강하기 →
#6.13 Categories (07:26)
수강하기 →
#6.14 Immutability part One (09:33)
수강하기 →
#6.15 Immutability part Two (10:00)
수강하기 →
#6.16 Selectors part One (14:18)
수강하기 →
#6.17 Selectors part Two (14:15)
수강하기 →
#6.18 Enums (12:35)
수강하기 →
#6.19 Recap (08:11)
수강하기 →
#7 Trello Clone
#7.0 Get Selectors (11:22)
수강하기 →
#7.1 Set Selectors (12:27)
수강하기 →
#7.2 Drag and Drop part One (09:24)
수강하기 →
#7.3 Drag and Drop part Two (09:04)
수강하기 →
#7.4 Styles and Placeholders (10:29)
수강하기 →
#7.5 Reordering (11:58)
수강하기 →
#7.6 Reordering part Two (09:53)
수강하기 →
#7.7 Performance (12:08)
수강하기 →
#7.8 Multi Boards (13:04)
수강하기 →
#7.9 Same Board Movement (10:03)
수강하기 →
#7.10 Cross Board Movement (08:49)
수강하기 →
#7.11 Droppable Snapshot (07:15)
수강하기 →
#7.12 Final Styles (05:12)
수강하기 →
#7.13 Refs (06:58)
수강하기 →
#7.14 Task Objects (10:26)
수강하기 →
#7.15 Creating Tasks (10:55)
수강하기 →
#7.16 Code Challenge (06:03)
수강하기 →
#8 Animations
#8.0 Introduction (03:36)
수강하기 →
#8.1 Installation (07:32)
수강하기 →
#8.2 Basic Animations (11:03)
수강하기 →
#8.3 Variants part One (06:00)
수강하기 →
#8.4 Variants part Two (13:38)
수강하기 →
#8.5 Gestures part One (10:39)
수강하기 →
#8.6 Gestures part Two (10:21)
수강하기 →
#8.7 MotionValues part One (07:51)
수강하기 →
#8.8 MotionValues part Two (06:45)
수강하기 →
#8.9 MotionValues part Three (11:38)
수강하기 →
#8.10 SVG Animation (12:28)
수강하기 →
#8.11 AnimatePresence (07:50)
수강하기 →
#8.12 Slider part One (12:32)
수강하기 →
#8.13 Slider part Two (16:29)
수강하기 →
#8.14 You Need to Watch This (11:48)
수강하기 →
#8.15 Final Project part One (10:34)
수강하기 →
#8.16 Final Project part Two (05:57)
수강하기 →
#9 Nomflix Clone
#9.0 Introduction (03:15)
수강하기 →
#9.1 Header part One (08:42)
수강하기 →
#9.2 Header part Two (15:49)
수강하기 →
#9.3 Header part Three (10:17)
수강하기 →
#9.4 Header part Four (12:04)
수강하기 →
#9.5 Home Screen part One (11:29)
수강하기 →
#9.6 Home Screen part Two (14:34)
수강하기 →
#9.7 Slider part One (14:05)
수강하기 →
#9.8 Slider part Two (16:43)
수강하기 →
#9.9 Box Animations part One (08:43)
수강하기 →
#9.10 Box Animations part Two (08:58)
수강하기 →
#9.11 Movie Modal (13:08)
수강하기 →
#9.12 Movie Modal part Two (13:34)
수강하기 →
#9.13 Movie Modal part Three (10:32)
수강하기 →
#9.14 Search Redirect (10:38)
수강하기 →
#9.15 Conclusions (05:00)
미리 보기 →
#10 [🔥Bonus] Gatsby 101
#10.0 Welcome (02:13)
수강하기 →
#10.1 Framework vs Library (03:48)
수강하기 →
#10.2 Creating a Project (04:46)
수강하기 →
#10.3 Static Sites (09:03)
수강하기 →
#10.4 Gatsby Build (05:47)
수강하기 →
#10.5 Framework Rules (06:22)
수강하기 →
#10.6 Layouts (11:18)
수강하기 →
#10.7 Data Fetching (07:25)
수강하기 →
#10.8 GraphQL (08:48)
수강하기 →
#10.9 useStaticQuery (08:25)
수강하기 →
#10.10 Page Query (07:56)
수강하기 →
#10.11 MDX (09:36)
수강하기 →
#10.12 Dynamic Pages (07:07)
수강하기 →
#10.13 Blog Post (13:50)
수강하기 →
#10.14 StaticImage (08:38)
수강하기 →
#10.15 GatsbyImage (09:22)
수강하기 →
#10.16 Contentful (14:32)
수강하기 →
#10.17 Product Detail (05:38)
수강하기 →
#10.18 PicoCSS (03:39)
수강하기 →
#10.19 Deploy (08:32)
수강하기 →
#10.20 Bye Bye (00:53)
수강하기 →