항상 잘 듣고 있습니다 너무 재밌어요

재환

이제는 실전에 도전할 차례입니다 🔥 React.js + TypeScript + Supabase로 실무급 SNS를 함께 개발해보며 인증&인가, 무한스크롤, 이미지 업로드, 좋아요, 무한 중첩 댓글, 다크모드 등의 기능을 만들어 봅니다. 이 과정에서 Zustand와 Tanstack Query를 이용한 서버 및 전역 상태 관리 기법도 살펴볼 예정입니다.

이정환 Winterlood

얼리버드 할인

한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편

이론과 실습 한 번에

이론 실습 모두

real projects

실전프로젝트

한입시리즈

react.js

supabase

Now it's time to take on the real challenge 🔥 Let's develop a professional-grade SNS together using React.js + TypeScript + Supabase, creating features like authentication & authorization, infinite scroll, image upload, likes, infinite nested comments, dark mode, and more. Throughout this process, we'll also explore server and global state management techniques using Zustand and Tanstack Query.

winterlood

hyobin

입문

초급

중급이상

zustand

react-query

리액트

React

타입스크립트

TypeScript

Bite-sized Real-world Projects - SNS Edition

Getting Started

Preparation - Styling and Routing

Preparation - Global State Management Using Zustand

Preparation - Server State Management and Tanstack Query

One Bite Log Implementation - Project Setup

One Bite Log Implementation - Handling Authentication

One Bite Log Implementation - Implementing Post Functionality

One Bite Log Implementation - Implementing Like Functionality

One Bite Log Implementation - Implementing Profile

One Bite Log Implementation - Implementing Comments

One Bite Log Implementation - Implementing Theme Change Feature

One Bite Log Implementation - Deployment and Wrap-up