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,434 learners
Level Intermediate
Course period Unlimited
- Unresolved
댓글 삭제 시 isPending 질문
const { mutate: deleteComment, isPending: isDeleteCommentPending } = useDeleteComment({ onError:
reacttypescriptreact-querysupabasezustandheewon97
・
20 hours ago
0
21
2
- Resolved
두번째 예외상황에 대해 질문있습니다!
이해가 잘 안돼서요ㅜㅜ조회가 완료되기전 업데이트를 하는 경우 DB에 저장되는 값과 화면에 노출되는 값이 다를수가 있다는 얘기일까요?
reacttypescriptreact-querysupabasezustandslasnrndu4468
・
2 days ago
0
20
1
- Resolved
리액트 쿼리 질문입니다
isPending과 isLoading 차이점을 잘 모르겠습니다.각각 언제 쓰는지 활용처도 궁금합니다!
reacttypescriptreact-querysupabasezustandseop2
・
4 days ago
0
28
2
- Resolved
개발자도구에서 components 가 안보입니다.
React Developer Tools 다운받고확장프로그램 관리에서 설정도 했는데F12 개발자도구에서 components 탭이 안보이는데 설정하는 방법이 있을까요?
reactzustandshutrojeck9899
・
5 days ago
0
27
3
- Resolved
state 관리에 대한 정리
안녕하세요 정환님 !!!정환님 강의를 듣다가 state관리쪽에 개념이 갑자기 섞여서 질문을 하게되었어요<p style="text-a
reacttypescriptreact-querysupabasezustandcjswodmsgus5064
・
5 days ago
0
41
3
- Unresolved
[(2.4) Shadcn/ui를 소개합니다] 강의 Shadcn 세팅 관련 질문 있습니다.
안녕하세요 강의 잘 듣고 있습니다정환님 강의 하셨을 때랑 지금 공식 문서 설치 방법이 달라진 것 같은데 지금 공식문서대로 진행해도 tsconfig.app.json파일과 tsconfig.json파일에 경로 별칭 옵
reacttypescriptreact-querysupabasezustandpsygyu19994445
・
6 days ago
0
48
3
- Resolved
like 테이블에서 왜 create_at이 필요한지 궁금합니다.
Table 생성시, 왜 created_at이 필요한가요? like 테이블에는 postId, us
reacttypescriptreact-querysupabasezustandheewon97
・
14 days ago
0
47
1
- Unresolved
삭제가 바로 안되네요ㅠ
강의 소스코드를 똑같이 했는데 새로고침 없이 바로 삭제가 안되네요ㅠ 다른거는 api함수를 한 군데에 모은 거 밖에 없는데...
reacttypescriptreact-querysupabasezustandseop2
・
14 days ago
0
41
2
- Resolved
access 토큰은 꼭 소셜서버로부터 받아서 사용해야만하나요?!
안녕하세요 너무 쉽게 설명해주셔서 프론트 왕초보인 저도 아주 잘 따라가면서 강의를 듣고있습니다 ! 이번 파트에서 한가지 의문인점은저는 예전에 백엔드 서버를 구축할
reacttypescriptreact-querysupabasezustandbroyan08949266
・
17 days ago
0
59
2
- Resolved
전역 모달이 여러 개일 경우 모달 프로바이더는 몇 개가 필요한가요?
전역 모달을 2개 쓰고 싶어서 일단 스토어 2개를 만들었는데요. 모달 프로바이더도 2개를 만들어야하는지, 아니면 하나의 모달 프로바이더에 2개 모달을 모두 넣어도 되는지 궁금합니다. 그리고 만약 하나의 모달 프로바이더에
reacttypescriptreact-querysupabasezustandtoito1toi
・
20 days ago
0
35
1
- Resolved
프로필 수정 후 post item 의 글들에서 수정된 프로필 업데이트 반영
프로필 수정후 프로필 디테일 화면의 포스트 아이템들에서는 수정된 프로필 내용이 반영이 안되는 것이 확인됩니다. 시나리오대로라면 프로필 수정 후 포스트아이템의 프로
reacttypescriptreact-querysupabasezustand지금-베스트hanbrang
・
23 days ago
0
54
2
- Resolved
React 19 버전에서 새로운 린트 규칙으로 setState() 호출하기가 신경쓰입니다.
안녕하세요. 요즘 React 19로 다시 강의를 학습하고 있습니다. 그러다 보니 useEffect 내에서 setState() 호출 시 새로운 Lint 규칙으
reacttypescriptreact-querysupabasezustand지금-베스트codingbeer
・
a month ago
0
94
2
- Resolved
zustand 사이트 이상해요!! 웹브라우저에서 응답없음 반응
요즘 zustand 공식 Docs 사이트가 이상해요..zustand 문서를 보려고 docs 사이트에 접속하면GPU 사용율이 오르고, 컴퓨터 온도도 확 올라가면서웹브라우저에서 응답없음이 나오고 멈춰버
reacttypescriptreact-querysupabasezustand지금-베스트codingbeer
・
a month ago
0
55
2
- Resolved
supabase 에러 메시지를 번역해주는 라이브러리를 찾아서 알려드립니다.
에러 메시지 한국어로 변경하는 부분을 보다 보니 문득 해당 라이브리가 있는지 찾아 봤는데 있더라구요. 설치와 사용법은 아래와 같습니다. <c
reacttypescriptreact-querysupabasezustand지금-베스트codingbeer
・
a month ago
2
77
0
- Unresolved
4.6 id를 string으로 바꾸니까 오류가 나요
id를 똑같이 string으로 다 바꿨고 코드도 동일한데 이 부분에서 타입 오류가 납니다 ,<img src="https://cdn.inflearn.com/public/files/posts/4b9038c5-7aa6
reacttypescriptreact-querysupabasezustandrlathrkd27663828
・
a month ago
0
65
2
- Unresolved
이미지 메모리 누수 관련 질문
createObjectURL로 이미 메모리에 보관된 이미지 파일들은 단순히 filter로 삭제해도 삭제되지 않기때문에, 메모리 누수가 발생된다고 하셨는데요. 1. 실제로 메모리 누수가 발생하고 있는지는 어떻게 확
reacttypescriptreact-querysupabasezustandkenco
・
a month ago
0
59
2
- Resolved
56강 alertModalStore 구현 중 질문
store에서 actions를 생성하고 store를 내보내려고 할 때에export const useAlertModal = () => {
reacttypescriptreact-querysupabasezustandsirubom12032826
・
a month ago
1
60
1
- Unresolved
checkbox 캐시 update
todo list 추가/삭제 시 캐시데이터도 각각 따로 해줘야하는 내용은 알겠는데, 현재 체크박스만 변경할 때 캐시데이터를 업데이트 해주는거는 불필요하지않을까 생각이 듭니다. 만약 내용 수정같은경우라면 해줘야하겠지만..
reacttypescriptreact-querysupabasezustandheewon97
・
a month ago
0
43
2
- Resolved
querykey factory
querykey factory에서 all은 언제 쓰나요??
reacttypescriptreact-querysupabasezustandheewon97
・
a month ago
0
55
1
- Resolved
28. 데이터 무효화하기 부분에서 질문
constants.ts에 쿼리키값 관련한 부분을 상수로 빼고, import하여 사용하는 방법을 배웠습니다!여기서 질문이<p style="text-align
reacttypescriptreact-querysupabasezustandsirubom12032826
・
2 months ago
0
68
2

