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,347 learners
Level Intermediate
Course period Unlimited
- Unresolved
4.6 id를 string으로 바꾸니까 오류가 나요
id를 똑같이 string으로 다 바꿨고 코드도 동일한데 이 부분에서 타입 오류가 납니다 ,<img src="https://cdn.inflearn.com/public/files/posts/4b9038c5-7aa6
reacttypescriptreact-querysupabasezustandrlathrkd27663828
・
11 hours ago
0
24
2
- Unresolved
이미지 메모리 누수 관련 질문
createObjectURL로 이미 메모리에 보관된 이미지 파일들은 단순히 filter로 삭제해도 삭제되지 않기때문에, 메모리 누수가 발생된다고 하셨는데요. 1. 실제로 메모리 누수가 발생하고 있는지는 어떻게 확
reacttypescriptreact-querysupabasezustandkenco
・
4 days ago
0
35
2
- Resolved
56강 alertModalStore 구현 중 질문
store에서 actions를 생성하고 store를 내보내려고 할 때에export const useAlertModal = () => {
reacttypescriptreact-querysupabasezustandsirubom12032826
・
5 days ago
1
35
1
- Unresolved
checkbox 캐시 update
todo list 추가/삭제 시 캐시데이터도 각각 따로 해줘야하는 내용은 알겠는데, 현재 체크박스만 변경할 때 캐시데이터를 업데이트 해주는거는 불필요하지않을까 생각이 듭니다. 만약 내용 수정같은경우라면 해줘야하겠지만..
reacttypescriptreact-querysupabasezustandheewon97
・
6 days ago
0
27
2
- Resolved
querykey factory
querykey factory에서 all은 언제 쓰나요??
reacttypescriptreact-querysupabasezustandheewon97
・
10 days ago
0
36
1
- Resolved
28. 데이터 무효화하기 부분에서 질문
constants.ts에 쿼리키값 관련한 부분을 상수로 빼고, import하여 사용하는 방법을 배웠습니다!여기서 질문이<p style="text-align
reacttypescriptreact-querysupabasezustandsirubom12032826
・
17 days ago
0
47
2
- Unresolved
`2.4 Shadcn/ui를 소개합니다` 에서 에러가 뜹니다.
강의대로 따라가다가 shadcn을 설치 후 app.tsx에 다음과 같은 경고가 뜹니다.import "./App.css"; import
reacttypescriptreact-querysupabasezustandhinpuo9675
・
21 days ago
0
53
2
- Unresolved
input checkbox 에 onChange 대신 onClick 을 사용하신 이유
안녕하세요 선생님input checkbox 에 onClick 을 사용하면 react 에서는 경고도 날리기도 하는데 onChange 대신 onClick 을 사용하
reacttypescriptreact-querysupabasezustandhehehehe
・
23 days ago
0
53
2
- Resolved
51[6.11] 회원가입이 안되고 프로필 생성하려니까 빨간색이 뜨네요ㅜ
<img src="https://cdn.inflearn.com/public/files/posts/ac13df0c-995e-4f17-afdb-7669c835a18c/b2530baf-8c23-471b-a369-1f1964e0513a.png" media-type="img"
reacttypescriptreact-querysupabasezustandkhjoo12032254
・
25 days ago
0
56
6
- Resolved
6.11 빨간줄이가고 id에 마우스를 가면 Session | null이 안떠요
안녕하세요~ 15분 29초 하고있는데 빨간줄이 가서 여쭤봅니다github주소는 <a target="_blank" rel="noopener noreferrer no
reacttypescriptreact-querysupabasezustandNo Author
・
25 days ago
0
31
2
- Resolved
useEffect 안에 setState 사용 시 뜨는 오류
<img src="https://cdn.inflearn.com/public/files/posts/ff69160a-fd08-4d75-8af5-b4d2add5b05b/13a34880-b649-4353-8610-d7c855548ffd.webp" media-type="img"
reacttypescriptreact-querysupabasezustandekqlsekqls88570707
・
a month ago
0
137
2
- Unresolved
안녕하세요 9.3 프로필 수정 기능 구현하기 질문드립니다.
<img src="https://cdn.inflearn.com/public/files/posts/f071fe56-16b9-44dd-8ee3-276ecefc3220/57d3492a-fc1b-475b-80d4-e7bf4d78bc72.png" media-type="img"
reacttypescriptreact-querysupabasezustandNo Author
・
a month ago
0
55
3
- Unresolved
이런 플젝 만드는데 얼마나 걸리시나요?
강의에 관한 질문은 아니긴한데 개인적으로 궁금해서 여쭤봅니다..!강의 설명 준비하시는 거 말고 이 정도 규모 프로젝트 만들 때 얼마나 걸리시나요??.. 사람마다 다르겠지만 대충 기간이 궁금해서요..! <b
reacttypescriptreact-querysupabasezustanddydk00019525
・
a month ago
0
77
1
- Resolved
안녕하세요 7.4 이미지업로드구현하기2 질문드립니다.
createPostWithImages에서 Promise.all로 이미지 업로드가 되는데 Promise.all은 순서 보장이 되나요?
reacttypescriptreact-querysupabasezustandgnsdl90790712
・
a month ago
0
56
3
- Resolved
회원가입 시 엑세스 토큰이 localStorage에 자동으로 저장이 안됩니다.
<img src="https://cdn.inflearn.com/public/files/posts/4cd5693c-504e-4904-850e-80defba88bf1/9d07dfd1-eb5d-49b3-be05-275f2da838a2.png" media-type="img"
reacttypescriptreact-querysupabasezustandekqlsekqls88570707
・
a month ago
0
51
2
- Resolved
참고 소스 질문
이번 강의를 통해 만든 소스를 github에 있나요? 있으면 링크 알려주세요.
reacttypescriptreact-querysupabasezustandkse30360514
・
a month ago
0
48
2
- Unresolved
모달 UI 관련 질문
<img src="https://cdn.inflearn.com/public/files/posts/8508d32c-de74-46df-932a-7222e51b0362/a9eaa9b7-b87d-427c-82c5-10eab8724e58.png" media-type="img"
reacttypescriptreact-querysupabasezustandkenco
・
a month ago
0
49
1
- Resolved
Supabase 테이블 생성 시 content 컬럼 문의 드립니다.
안녕하세요 강사님, 강의 잘 듣고 있습니다.다름이 아니라 (5.5) Supabase 설정하기 수강 중 테이블 생성 과정에서 궁금한 부분이 있어 질문드립니다.</p
supabasessyy
・
a month ago
0
57
1
- Unresolved
캐시 데이터 다루기 - 낙관적 업데이트(2)에서 질문
createTodo의 리턴값을 활용하면서 Todo를 생성했을 때, 캐시 무효화를 해서 데이터가 많은 경우 서버에 부하를 주는 코드를 개선했었었는데,&
reacttypescriptreact-querysupabasezustandzkxm952507
・
a month ago
0
62
2
- Resolved
onError 콜백에 파라미터 없음에도 추가하신 이유가 무엇인가요?
인증에러처리하기1 의 10:29 에서 if (callbacks?.onError) callbacks.onError(errror);<p
reacttypescriptreact-querysupabasezustandgnsdl90790712
・
a month ago
0
44
2