BEST

Dự án thực tế chia nhỏ từng miếng - Phiên bản SNS

Name: Dự án thực tế chia nhỏ từng miếng - Phiên bản SNS
Price: 55000 KRW
Rating: 5 (64 reviews)

Bây giờ là lúc thử thách với thực chiến 🔥 Cùng phát triển SNS cấp độ thực tế với React.js + TypeScript + Supabase và tạo ra các tính năng như xác thực&ủy quyền, cuộn vô hạn, tải lên hình ảnh, thích, bình luận lồng nhau vô hạn, chế độ tối. Trong quá trình này, chúng ta cũng sẽ tìm hiểu kỹ thuật quản lý trạng thái server và global bằng Zustand và Tanstack Query.

(5.0) 64 đánh giá

1,134 học viên

이론 실습 모두

실전프로젝트

한입시리즈

react.js

supabase

zustand

react-query

React

TypeScript

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

Tạo dự án SNS cấp độ thực tế sử dụng React.js + TypeScript + Supabase.
Xác thực & ủy quyền, cuộn vô hạn, tải lên hình ảnh, thích, bình luận lồng nhau vô hạn, chế độ tối và các tính năng khác sẽ được tạo ra
Chúng ta sẽ tìm hiểu các kỹ thuật quản lý trạng thái máy chủ và trạng thái toàn cục bằng Zustand và Tanstack Query.

Không chỉ là triển khai UI đơn giản,

Tạo trực tiếp các tính năng cốt lõicấu thành nên dịch vụ thực tế.

Khóa học này không phải là một khóa học hướng dẫn chỉ dạy cách triển khai UI đơn giản hoặc CRUD.

Xác thực/phân quyền, tải lên hình ảnh, cuộn vô hạn, thích, bình luận lồng nhau vô hạn, chế độ tối, v.v. của

Chúng ta sẽ trực tiếp thiết kế và triển khai các tính năng cốt lõi được sử dụng trong các dịch vụ thực tế ngày nay.

Đây không phải là clone coding chỉ đơn thuần là gõ theo.

Từ bối cảnh và cấu trúc của tính năng, đến việc giải thích khái niệm cũng được trình bày một cách hoàn hảo.

Khóa học này tuyệt đối không phải là loại khóa học chỉ đơn thuần gõ theo code và kết thúc.

Tại sao lại triển khai như vậy, được cấu thành theo luồng nào

Tôi cũng đã bao gồm rất nhiều giải thích lý thuyết để bạn có thể hiểu và tiếp thu một cách trực tiếp.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

Các bạn học viên của loạt bài Một Miếng (đã hoàn thành khóa học React.js + TypeScript)
Những người đã có kiến thức về React.js và TypeScript
Những người muon thử thách bản thân với các dự án thực tế thay vì chỉ dừng lại ở mức độ hướng dẫn cơ bản
Những người đang tìm kiếm các khóa học có trả lời câu hỏi ít nhất 1 lần mỗi ngày từ thứ Hai đến thứ Sáu
Những người đang tìm kiếm các khóa học có cộng đồng học viên hoạt động do chính người chia sẻ kiến thức vận hành

Cần biết trước khi bắt đầu?

React.js cơ bản (trình độ học viên khóa học React một miếng)
TypeScript cơ bản (trình độ học viên khóa học TypeScript một ngụm)

Xin chào
Đây là

35,697

Học viên

2,357

Đánh giá

1,526

Trả lời

4.9

Xếp hạng

Các khóa học

웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!

안녕하세요 🙇‍♂

저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자

세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.

📚 도서
- "한 입 크기로 잘라먹는 Next.js" 출간
- "한 입 크기로 잘라먹는 리액트" 출간
📹 강의
- 한 입 크기로 잘라먹는 Next.js
- 한 입 크기로 잘라먹는 타입스크립트
- 한 입 크기로 잘라먹는 리액트

Đồng giảng viên

Chương trình giảng dạy

Tất cả

88 bài giảng ∙ (22giờ 9phút)

Tài liệu khóa học:

Tài liệu bài giảng

Phần 1. Giới thiệu

7 bài giảng ∙ (24phút)

1. (1.1) Giới thiệu khóa học
08:02
2. Hướng dẫn tham gia cộng đồng học viên
3. Hướng dẫn mã ví dụ
4. Thông báo liên quan đến hỏi đáp
5. (1.2) Cấu trúc khóa học và hướng dẫn học tập
6. (1.3) Thiết lập môi trường thực hành
04:03
7. (1.4) Tạo ứng dụng React và thiết lập ban đầu
12:46

Phần 2. Chuẩn bị trước - Styling và Routing

7 bài giảng ∙ (1giờ 53phút)

8. (2.1) Giới thiệu Tailwind CSS
14:23
9. (2.2) Tóm tắt cốt lõi Tailwind CSS 1
19:24
10. (2.3) Tóm tắt cốt lõi Tailwind CSS 2
13:01
11. (2.4) Giới thiệu Shadcn/ui
20:21
12. (2.5) Tóm tắt cốt lõi Shadcn/ui 1
12:06
13. (2.6) Tóm tắt cốt lõi Shadcn/ui 2
22:37
14. (2.7) Tóm tắt cốt lõi React Router V7
11:12

Phần 3. Chuẩn bị trước - Quản lý trạng thái toàn cục sử dụng Zustand

7 bài giảng ∙ (1giờ 34phút)

15. (3.1) Quản lý trạng thái toàn cục và Zustand
06:14
16. (3.2) Cách sử dụng cơ bản Zustand 1
15:44
17. (3.3) Cách sử dụng cơ bản Zustand 2
15:15
18. (3.4) Zustand Middleware 1
13:41
19. (3.5) Zustand Middleware 2
16:45
20. (3.6) Triển khai giao diện người dùng danh sách công việc
09:30
21. (3.7) Triển khai chức năng danh sách công việc
17:13

Phần 4. Chuẩn bị trước - Quản lý trạng thái server và Tanstack Query

13 bài giảng ∙ (3giờ 14phút)

Phần 5. Triển khai One-bite Log - Chuẩn bị dự án

6 bài giảng ∙ (59phút)

Phần 6. Triển khai One-bite Log - Xử lý xác thực

11 bài giảng ∙ (3giờ 36phút)

Phần 7. Triển khai One-bite Log - Triển khai chức năng bài đăng

15 bài giảng ∙ (4giờ 51phút)

Phần 8. Triển khai One-bite Log - Triển khai tính năng thích

5 bài giảng ∙ (1giờ 6phút)

Phần 9. Triển khai One-bite Log - Triển khai Profile

5 bài giảng ∙ (1giờ 24phút)

Phần 10. Triển khai One-bite Log - Triển khai tính năng bình luận

8 bài giảng ∙ (2giờ 9phút)

Phần 11. Triển khai One Bite Log - Triển khai tính năng thay đổi chủ đề

2 bài giảng ∙ (31phút)

Phần 12. Triển khai và hoàn thiện - Thực hiện One Bite Log

2 bài giảng ∙ (25phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

64 đánh giá

5.0

64 đánh giá

민경언
Đánh giá 15
∙
Đánh giá trung bình 3.3
5
31% đã tham gia
인프런에서 꽤 많은 유료 강의를 들었는데..모든 면에서 이정환님의 강의는 최고 입니다. 그래서 이정환님의 강의는 모두 들었습니다. 이번 리액트 SNS 강의도 좋으네요.. 이정환님의 강의는... 1. 강의 준비를 해온 것이 들으면서 느껴집니다. => 다른 강사들의 영상을 보면 거의 대부분 스크립트 준비 같은 건 안합니다. 대부분 제목 수준의 내용만 준비 하는 것 같습니다. 그러다 보니 영상을 보면 버벅 거리고, 한 말 또 하고.. 예제가 결과와 다르게 나오고..어떤 경우는 하도 침을 꼴깍 넘기는 소리를 너무 많이 내서 더러워서 이후로 듣지 않은 것도 있습니다. 그런데 이정환님의 강의는 촬영 전에 스크립트를 철저히 준비 하는 것이 보다 보면 느껴집니다. 그러니까 중언도 없고, 진행이 매끄럽습니다. 매우 만족 스럽고, 정말 돈을 내고 들을 만 하다고 느껴 집니다. 2. 강의 환경 준비를 잘 합니다. => 다른 강사들의 영상과 다르게 처음 부터 끝까지 음향이 일정 합니다. 이정환님의 강의를 보면 거의 움직이지 않고 촬영 합니다. 움직이면 음성이 고른 높낮이로 녹음이 되지 않기 때문에 그런 것 같습니다. 3. 강의 내용 품질이 좋습니다. => 다른 강사들의 영상을 보면 대부분 PPT에 그냥 타이핑 해서 보여줍니다. 별로 정성스럽다는 느낌이 들지 않습니다. 유료로 보는 입장에서 좀 돈이 아깝다는 느낌이 들기도 합니다. 이정환님의 강의는 PPT로 보여지는 화면이 없습니다. 모두 애니메이션화 된 화면으로 설명을 합니다. 그러다 보니 이해가 빠를 수 있습니다. 그런데 이정환 님의 강의를 보다 보니..문제가 있습니다. 다른 강사들의 유료 영상 미리보기를 보면 품질이 맘에 들지 않아 구매가 꺼려 집니다... 다른 강사들은 이정환님의 강의를 보고 벤치마킹 해야 합니다. 인프런 측에서도 이정환님의 강의를 벤치 마킹 해서 이를 기준으로 삼고 유료로 운영 하고자 하는 강사들에게 따를 것을 요청 해야 합니다. 돈 내고 보는 건데 보다 좋은 품질을 서비스 해야 하는 것이 당연한 것 아닐까요? 그래서..이정환님의 강의만 강의라고 부릅니다. 다른 강사들의 영상은 그냥 영상 이라고 부릅니다..강의라고 부르기엔 부족 합니다.
kaeuhy
Đánh giá 1
∙
Đánh giá trung bình 5.0
Đã chỉnh sửa
5
10% đã tham gia
강의 커리큘럼을 보며, 참 알차다고 생각했습니다. 이보다 더 완벽한 프론트엔드를 위한 강의는 존재하지 않습니다. 프론트엔드 = 이정환
챙준
Đánh giá 9
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
강의를 시작하기 전에 들었던 Live Session 에서 좋은 영감을 받았고, 프로젝트를 따라하면서 더 감을 잘 익힐 수 있었던 것 같아요. Tanstack Query 를 활용한 서버 상태 관리의 유용함에 대해 좀더 깊게 생각할 수 있었고, 제가 생각했을 때 저의 주력 프레임워크인 TypeScript, React 와 Zustand, Supabase 까지 폭넓게 배울 수 있었습니다. 누구든 사이드 프로젝트에 대한 고민이 있을 때, 이 강의를 접하고 나면 정말 좋은 시작이 될 것 같아요. 강력 추천합니다!
김김
Đánh giá 8
∙
Đánh giá trung bình 5.0
5
67% đã tham gia
내가 이런걸 만들수있을까 싶던것을 하나하나 쉽고 자세한 설명과 함께 만들어가다보니 점점 구현되고있는게 신기합니다 ㅎㅎ 이강의 하나만 반복해서 들으면 프론트와 백엔드의 흐름과 생태환경을 제대로 이해할수 있을듯 싶습니다. 이전강의도 다 챙겨봤는데, 앞으로도 좋은 강의 부탁드립니다~
Ay Caramba
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
56% đã tham gia
아직 완강하진 않았지만 수강평 남깁니다. 이 강의를 통해서 포트폴리오를 만들어야지~ 라는 생각보다 이 강의를 통해서 supabase와 리액트를 사용한 프로젝트의 플로우는 어떻게 흘러갈까? 라는 생각으로 전체적인 흐름을 보려는 생각으로 수강하시면 더 좋을 것 같습니다. 강의 질은 엄청 좋습니다. 이 강의 전에 supabase강의를 들었지만 그 강의와는 다르게 정말 차원이 다르게 자세하게 설명해주십니다. 물론 이 강의만 듣고 supabase는 이렇구나~ 보다는 이 강의를 통해서 아주 기본적인 개념 틀을 잡으신 후에 supabase의 공식 문서를 통해 더 공부하시면 전보다 훨씬 이해가 잘되서 더 좋습니다. 물론 이정환님께서 설명을 잘해주시고, 시각자료로 더 쉽게 설명해주셔서 가능한 일인것 같습니다. 때문에 꼭 이 강의를 들으셨으면 좋겠습니다. 그리고 zustand와 리액트 쿼리 강의도 이 강의에 포함되어 있는데 엄청 좋습니다... 이해가 잘 되고요. 이 강의를 통해서 나중에 혼자 더 공부할때 도움이 많이 되는것 같습니다.

1.162.383 ₫

Khóa học khác của winterlood

Hãy khám phá các khóa học khác của giảng viên!

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!

초급

JavaScript, React, Node.js

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

한 입 크기로 잘라먹는 Next.js(v15)

이정환 Winterlood

한입 시리즈의 3번째 작품! 세상에서 가장 친절하고 디테일 한 Next.js(15+)강의 입니다. App Router 뿐만 아니라 Page Router까지 프로젝트를 통해 살펴봅니다.

초급

Next.js, React, TypeScript

한 입 크기로 잘라먹는 Next.js(v15)

이정환 Winterlood

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

문법을 넘어 동작 원리와 개념 이해까지 배워도 배워도 헷갈리는 타입스크립트 이제 제대로 배워보세요! 여러분을 타입스크립트 마법사🧙🏻‍♀️로 만들어드립니다.

초급

TypeScript

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

중급이상

React, Redux, Node.js

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

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

제주코딩베이스캠프

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

초급

Firebase, React

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

제주코딩베이스캠프

한 입 크기로 잘라먹는 Next.js(v15)

이정환 Winterlood

한입 시리즈의 3번째 작품! 세상에서 가장 친절하고 디테일 한 Next.js(15+)강의 입니다. App Router 뿐만 아니라 Page Router까지 프로젝트를 통해 살펴봅니다.

초급

Next.js, React, TypeScript

한 입 크기로 잘라먹는 Next.js(v15)

이정환 Winterlood

코드로 배우는 React 19 with 스프링부트 API서버

구멍가게코딩단

스프링 부트(Spring Boot ver3.4.x)로 제작되는 API 서버와 React 19 (with TypeScript) 연동 프로젝트 완성하기! 백엔드 포트폴리오에 프론트 엔드 적용! 실무자들을 대상으로 작성된 강의(초급자용 강의는 아닙니다.)

중급이상

React, TypeScript, Spring Boot

코드로 배우는 React 19 with 스프링부트 API서버

구멍가게코딩단

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

nhcodingstudio

React, Next.js, Vue를 아무리 공부해도 코드가 추상적으로 느껴지고, 구조가 확실히 이해되지 않는다면, 그 근본 원인은 DOM에 대한 이해 부족일 수 있습니다. DOM은 모든 프론트엔드 프레임워크의 기반이며, 웹 페이지의 구조와 동작을 연결해주는 실체입니다. 이 강의는 단순한 선택자나 조작법을 넘어, HTML이 어떻게 DOM 객체로 바뀌고, 이 구조를 어떻게 선택하고 탐색하며, 조작할 수 있는지를 처음부터 차근차근 알려주는 DOM 완전 정복의 Part 1 입문 강의입니다. HTML 태그는 구조일 뿐이고, 자바스크립트는 행동일 뿐이지만, 그 둘을 연결하는 핵심이 DOM입니다. 이 연결고리를 명확히 이해하면, 어떤 프레임워크를 쓰든 그 안의 진짜 구조와 흐름을 정확히 꿰뚫어볼 수 있게 됩니다.

입문

HTML/CSS, JavaScript, React

구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

nhcodingstudio

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

React를 처음 배우시나요? 이 강의로 하나로 리액트 기초를 다지고, 린캔버스 프로젝트를 통해 실무 경험을 쌓아보세요. 그러면 자신있게 프론트엔드 개발자로 취업할 수 있어요!

초급

React, react-query, react-router

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

짐코딩

Next.js 15로 완성하는 실전 YouTube 클론 개발

antonio

이 24시간 튜토리얼에서는 자신만의 유튜브 클론을 만드는 방법을 배우게 됩니다. Next 15와 React 19(tRPC 포함), 서버 컴포넌트에서의 프리페칭, 클라이언트 컴포넌트에서의 서스펜스 활용, 비디오 처리, 백그라운드 작업, AI 기능 등 고급 주제들을 다룰 것입니다.

초급

Next.js, React, PostgreSQL

Next.js 15로 완성하는 실전 YouTube 클론 개발

antonio

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

초급

JavaScript, React, Node.js

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

이정환 Winterlood

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

코드캠프

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

초급

React, Next.js, expo

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

코드캠프

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

신제용

빠른 실행과 검증의 시대, 바이브 코딩으로 누구보다 빠르게 실행하세요! 광고, 결제 등 수익화까지 빼놓지 않고 내 손으로 이루어 보세요.

입문

React, 웹앱, Next.js

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

신제용

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

닭강정

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

초급

React, Electron, GUI

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

닭강정

인프런 클론코딩으로 배우는 올인원 LMS 솔루션: Next.js·Flutter·AWS·Supabase·prisma로 구현하는 다국어 HLS 스트리밍 기반 MVP 프로젝트

ludgi

이 강의는 단순한 클론코딩이나 기초 강의가 아닙니다. 인프런(Inflearn) 같은 LMS(Learning Management System) 플랫폼을 MVP(엠 브이 피) 수준으로 처음부터 끝까지 구현하면서, 프리랜서·1인 개발자·스타트업 초기 멤버가 실무에서 바로 활용할 수 있는 올인원 솔루션을 제공합니다. Next.js, Flutter, Supabase, Firebase(FCM), AWS, Vercel, Xcode, Android Studio, ElevenLabs, 토스페이먼츠까지 실제 실무에서 사용하는 스택을 한 번에 다룹니다. 웹과 앱을 동시에 개발하고, 소셜 로그인, 다국어 자동 더빙, HLS 스트리밍 기반 강의 재생, 결제 연동, 앱스토어·플레이스토어 배포까지 전 과정을 직접 경험할 수 있습니다. 이 강의는 세세한 코드 한 줄보다는, 실무에서 중요한 흐름, 설정, 배포 과정에 중점을 두었습니다. 따라서 프리랜서로 독립하려는 개발자, 스타트업에서 빠르게 MVP를 검증해야 하는 팀, 그리고 실무 전반을 경험하고 싶은 주니어 개발자에게 적합합니다.

중급이상

Flutter, AWS, supabase

인프런 클론코딩으로 배우는 올인원 LMS 솔루션: Next.js·Flutter·AWS·Supabase·prisma로 구현하는 다국어 HLS 스트리밍 기반 MVP 프로젝트

ludgi

타입스크립트 입문 - 기초부터 실전까지

장기효(캡틴판교)

타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관점에서 쉽고 재밌게 배워보겠습니다 😄

초급

TypeScript, ES6, JavaScript

타입스크립트 입문 - 기초부터 실전까지

장기효(캡틴판교)

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

초급

TypeScript

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

이정환 Winterlood

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

React 프론트엔드와 SpringBoot 백엔드를 AWS 클라우드에 직접 배포하는 포트폴리오 중심 강의! 빠르게 자신의 포트폴리오에 프론트, 백앤드 프로젝트를 배포하고 싶은 분들에게 도움이 되는 강의입니다! 배포하는 데 필요한 지식들을, 서버 설정부터 Docker, Domain 연결, Nginx, HTTPS 적용까지 단계별로 단기간 실습할 수 있게 됩니다!

초급

React, Java, AWS

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

딩코딩코

코딩 몰라도 OK! 당신의 아이디어를 단 4주 만에 실제 수익으로 바꿔보세요. AI와 최신 도구를 활용해, 웹사이트와 앱을 동시에 만들고 바로 서비스까지 연결합니다.

입문

Flutter, Next.js, cursor

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

딩코딩코

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)

짐코딩

탐색 → 계획 → 구현 → 커밋. 검증된 AI 개발 워크플로우를 클로드 코드로 마스터하세요. MCP, 서브에이전트, 프롬프트 엔지니어링까지 23개 미션으로 익히고, 3개 실전 프로젝트를 완성합니다.

입문

React, Next.js, cursor

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)

짐코딩

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

초급

React Native, React, ES6

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

초급

TypeScript

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

중급이상

React, Next.js, cursor

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

Dự án thực tế chia nhỏ từng miếng - Phiên bản SNS

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

React.js + TypeScript thông qua

Tạo dịch vụ SNS cấp độ thực tế.

Không chỉ là triển khai UI đơn giản,

Tạo trực tiếp các tính năng cốt lõicấu thành nên dịch vụ thực tế.

⚙️ Xác thực & Ủy quyền người dùng

⚙️ Cuộn vô hạn feed

⚙️ Đính kèm hình ảnh

⚙️ Thích

⚙️ Bình luận lồng nhau vô hạn

⚙️ Tính năng thay đổi chủ đề

Giới thiệu các công cụ để xây dựng ứng dụng React mạnh mẽ hơn

TailwindCSS + Zustand + Tanstack Query

Đây không phải là clone coding chỉ đơn thuần là gõ theo.

Từ bối cảnh và cấu trúc của tính năng, đến việc giải thích khái niệm cũng được trình bày một cách hoàn hảo.

Hướng dẫn đối tượng tham gia khóa học

5 nguyên tắc của series Một miếng

⚖ Nguyên tắc 1. Tài liệu trực quan trực quan và phong phú

⚖ Nguyên tắc 2. Sự tử tế

⚖ Nguyên tắc 3. Tính hợp lý

⚖ Nguyên tắc 4. Phát âm và khẩu hình tốt

⚖ Nguyên tắc 5. Giao tiếp

Giới thiệu người chia sẻ kiến thức

Lee Jeong-hwan | Winterlood

Khuyến nghị cho
những người này

Xin chào
Đây là

Chương trình giảng dạy

Đánh giá

Khóa học khác của winterlood

Khóa học tương tự

Dự án thực tế chia nhỏ từng miếng - Phiên bản SNS

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

React.js + TypeScript thông qua

Tạo dịch vụ SNS cấp độ thực tế.

Không chỉ là triển khai UI đơn giản,

Tạo trực tiếp các tính năng cốt lõicấu thành nên dịch vụ thực tế.

⚙️ Xác thực & Ủy quyền người dùng

⚙️ Cuộn vô hạn feed

⚙️ Đính kèm hình ảnh

⚙️ Thích

⚙️ Bình luận lồng nhau vô hạn

⚙️ Tính năng thay đổi chủ đề

Giới thiệu các công cụ để xây dựng ứng dụng React mạnh mẽ hơn

TailwindCSS + Zustand + Tanstack Query

Đây không phải là clone coding chỉ đơn thuần là gõ theo.

Từ bối cảnh và cấu trúc của tính năng, đến việc giải thích khái niệm cũng được trình bày một cách hoàn hảo.

Hướng dẫn đối tượng tham gia khóa học

5 nguyên tắc của series Một miếng

⚖ Nguyên tắc 1. Tài liệu trực quan trực quan và phong phú

⚖ Nguyên tắc 2. Sự tử tế

⚖ Nguyên tắc 3. Tính hợp lý

⚖ Nguyên tắc 4. Phát âm và khẩu hình tốt

⚖ Nguyên tắc 5. Giao tiếp

Giới thiệu người chia sẻ kiến thức

Lee Jeong-hwan | Winterlood

Khuyến nghị cho những người này

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Chương trình giảng dạy

Đánh giá

Khóa học khác của winterlood

Khóa học tương tự

Khuyến nghị cho
những người này

Xin chào
Đây là