Bite-Sized React.js Practical Project - SNS Edition
Now it's time to take on a real-world challenge 🔥 We will develop a production-grade SNS using React.js + TypeScript + Supabase, building features such as authentication & authorization, infinite scroll, image uploads, likes, infinitely nested comments, and dark mode. In the process, we will also explore server and global state management techniques using Zustand and Tanstack Query.
1,519 learners
Level Intermediate
Course period Unlimited
- Resolved
useMutation 적용 후 새로운 글 등록시 content가 안보여요
useMutation 적용후,새로운 아이템을 추가하면,아이템은 추가 되지만 안에 컨텐츠 내용은 안나오고, 삭제도 안되네요?<p style="text
reacttypescriptreact-querysupabasezustandpowerwmj
・
8 days ago
0
33
2
- Unresolved
6.8 zustand 세션 질문입니다.
session.tsimport type { Session } from "@supabase/supabase-js"; import { create } from "zustand"; import {
reacttypescriptreact-querysupabasezustandkin4127588
・
22 days ago
0
77
2
- Resolved
next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?
안녕하세요.next.js 강의에서도 zustand나 tanstack query 같은 리액트 라이브러리들을 다뤄주시나요?<p style="text-align
reacttypescriptreact-querysupabasezustandkimjunyoung
・
a month ago
0
64
2
- Resolved
shadcn에서 radix ui와 base ui 차이는 뭔가요?
shadcn에서 radix ui와 base ui 차이는 뭔가요? 그리고 어떤 걸 선택해야 할까요?
reacttypescriptreact-querysupabasezustandkimjunyoung
・
a month ago
0
223
2
- Resolved
updateTodo 함수 생성시 화살표 함수 사용 안하는 이유
제목과 같이updateTodo 함수 생성시 화살표 함수 사용 안하는 이유궁긍합니다! ai 질문하니 스타일 차이라
reacttypescriptreact-querysupabasezustandmanajini7740
・
a month ago
0
69
2
- Resolved
4.11 바로 투두 삭제가 안됨 질문
투두 삭제할 때 mutation 부분 코드를 강의와 똑같이// use-delete-todo-mutation.ts export function useDeleteTodoMutation() {
reacttypescriptreact-querysupabasezustandqpwo
・
a month ago
0
77
3
- Resolved
매개변수 updatedTodo 관련 질문
낙관적 업데이트시 매개변수인 updatedTodo 관련 질문이 있습니다.onMutate 에서 제공되는 매개변수는mutate 함수의 인수로부터 제공된다고 하셨는
react-queryNo Author
・
a month ago
0
60
3
- Resolved
인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!
라우트 가드 학습 중 궁금한 점이 생겨서 질문드립니다!import { useSession } from "@/store/session"; import { Navigate, Outlet } fro
reacttypescriptreact-querysupabasezustandsebvesta
・
a month ago
0
75
2
- Resolved
supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!
안녕하세요! 항상 강의 잘 듣고있습니다 :)강의에서 onAuthState
reacttypescriptreact-querysupabasezustandsebvesta
・
a month ago
0
61
2
- Unresolved
4.6 id를 string으로 변경시 오류
id를 전부 string으로 변경했음에도 계속 오류가 발생해서 ai한테 도움을 요청했더니 create-todo.ts에 header값을 붙이라고 하더라고요!그래서 해당 파일 코드에 header
reacttypescriptreact-querysupabasezustandqpwo
・
a month ago
0
58
2
- Resolved
리액트 타입스크립트 관련 질문있습니다.
타입스크립트 강의를 따로 안들어서 그런데 컴포넌트 별로 props를 넘길때 언제는 구조분해할당으로 넘기고 언제는 그냥 타입만 선언해서 넘기던데 따로 판단하는 기준이 있을까요? <p style="text-align
reacttypescriptreact-querysupabasezustandseop2
・
a month ago
0
55
1
- Resolved
소셜 로그인 구현하기 관련하여 질문이 있습니다!
안녕하세요! 강사님이 얘기해주신 부분에서 구현을 다했고, 추가로 구글로그인도 적용시켰습니다!이후에, 카카오 로그인 관련해서 적용하려고 앱설정 및 AI 도움을 받아
reacttypescriptreact-querysupabasezustandrladygks12107433
・
a month ago
0
93
2
- Resolved
ui 파일 질문드립니다.
안녕하세요! ui 관련해서 궁금한 것이 있어 질문드립니다.Popover와 같이 radix-ui 와 @/components/ui (shadcn/ui ..?) 있는 컴포넌트의 경우, 어떤 것을 사용하는지에 대한 기준
reacttypescriptreact-querysupabasezustandendeavor
・
a month ago
0
67
1
- Unresolved
tanstack query devtools에서 질문있습니다!
<img src="https://cdn.inflearn.com/public/files/posts/09f489a5-4a25-48a1-819a-8f8a2dc34346/c9c38e02-0788-489d-a8be-8091acc84a98.png" media-type="img"
reacttypescriptreact-querysupabasezustandslasnrndu4468
・
a month ago
0
61
2
- Unresolved
댓글 삭제 시 isPending 질문
const { mutate: deleteComment, isPending: isDeleteCommentPending } = useDeleteComment({ onError:
reacttypescriptreact-querysupabasezustandheewon97
・
2 months ago
0
57
2
- Resolved
두번째 예외상황에 대해 질문있습니다!
이해가 잘 안돼서요ㅜㅜ조회가 완료되기전 업데이트를 하는 경우 DB에 저장되는 값과 화면에 노출되는 값이 다를수가 있다는 얘기일까요?
reacttypescriptreact-querysupabasezustandslasnrndu4468
・
2 months ago
0
58
1
- Resolved
리액트 쿼리 질문입니다
isPending과 isLoading 차이점을 잘 모르겠습니다.각각 언제 쓰는지 활용처도 궁금합니다!
reacttypescriptreact-querysupabasezustandseop2
・
2 months ago
0
61
2
- Resolved
개발자도구에서 components 가 안보입니다.
React Developer Tools 다운받고확장프로그램 관리에서 설정도 했는데F12 개발자도구에서 components 탭이 안보이는데 설정하는 방법이 있을까요?
reactzustandshutrojeck9899
・
2 months ago
0
82
3
- Resolved
state 관리에 대한 정리
안녕하세요 정환님 !!!정환님 강의를 듣다가 state관리쪽에 개념이 갑자기 섞여서 질문을 하게되었어요<p style="text-a
reacttypescriptreact-querysupabasezustandcjswodmsgus5064
・
2 months ago
0
73
3
- Resolved
[(2.4) Shadcn/ui를 소개합니다] 강의 Shadcn 세팅 관련 질문 있습니다.
안녕하세요 강의 잘 듣고 있습니다정환님 강의 하셨을 때랑 지금 공식 문서 설치 방법이 달라진 것 같은데 지금 공식문서대로 진행해도 tsconfig.app.json파일과 tsconfig.json파일에 경로 별칭 옵
reacttypescriptreact-querysupabasezustandpsygyu19994445
・
2 months ago
0
154
3

