한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
이제는 실전에 도전할 차례입니다 🔥 React.js + TypeScript + Supabase로 실무급 SNS를 함께 개발해보며 인증&인가, 무한스크롤, 이미지 업로드, 좋아요, 무한 중첩 댓글, 다크모드 등의 기능을 만들어 봅니다. 이 과정에서 Zustand와 Tanstack Query를 이용한 서버 및 전역 상태 관리 기법도 살펴볼 예정입니다.
- 해결
Zustand의 Store 타입은 어떤 기준으로 작성하는 건가요?
안녕하세요, 선생님.Zustand 스토어에 타입을 지정하는 부분이 궁금해서 질문드립니다.강의에서는 다음과
reacttypescriptreact-querysupabasezustand유혁스쿨
・
한 달 전
0
62
2
- 해결
shadCn의 popover가 바뀌었는지요? (asChild 관련)
<img src="https://cdn.inflearn.com/public/files/posts/c225e582-46a9-4714-9abf-1f561e4b027e/bc0c658b-8fb8-4a2d-be05-71541cd848cf.png" media-type="img"
shadcnjaepang Im
・
한 달 전
0
52
2
- 해결
포스트 작성 중 이탈 방지 기능 (취소 버튼 클릭 시 오류)
안녕하세요 정환님, 이렇게 바로 또 질문을 드릴 줄은 몰랐는데.. 이번 포스트 작성 중 이탈 방지 기능 개발을 하다가 "확인 버튼"을 누르게 되면 정상적으로 모든 모달이 종료가 되지만, "취소 버튼"을 누르게 되면 Al
reacttypescriptreact-querysupabasezustandrkdla666
・
2달 전
0
79
2
- 해결
"포스트 생성에 실패했습니다" 실패 문구와 함께 에러가 발생합니다ㅠㅠ
안녕하세요 정환님! 정환님의 강의를 들으면서 코드를 따라 작성해보다가 포스트와 이미지를 최종적으로 업로드 하는 과정에서 아래의 캡쳐 사진과 같이 포스트 생성에 실패했다는 에러 메시지가 뜨게됩니다.<img src=
reacttypescriptreact-querysupabasezustandrkdla666
・
2달 전
0
78
2
- 해결
강의자료는 어떻게 제작하시나요?
강사님,강의 너무 잘 듣고 있습니다.그런데 강의자료가 Next.js 도 그렇고 깔끔하게 잘 만드시던
reacttypescriptreact-querysupabasezustand아리마
・
3달 전
0
89
2
- 해결
비밀번호 재설정 1회용 이메일 링크
안녕하세요!비밀번호 재설정 이메일의 링크를 클릭한 후 비밀번호를 변경했는데, 같은 링크로 다시 접속해도 계속 비밀번호가 변경되는 것을 확인했습니다.<p s
reacttypescriptreact-querysupabasezustand쉬었음루피
・
3달 전
0
89
1
- 해결
강의 수강 후 포트폴리오 준비 방향에 대해 조언 부탁드립니다.
안녕하세요 정환님.저는 정환님의 강의를 모두 구매해서 수강하고 있는 수강생입니다.현재는 바이브 코딩 강의
reacttypescriptreact-querysupabasezustandimhj11777
・
3달 전
2
100
1
- 해결
회원가입 구현 (구현 후 최종 화면 출력 X)
해당 강의 수강중에 정환님께서 진행해주신 부분 그대로 똑같이 따라했는데 화면에서는 아예 아무것도 보이지않는.. 출력이 안됩니다..ㅠㅠ 무슨 문제일까요??예상은 a
reacttypescriptreact-querysupabasezustandusemutationrkdla666
・
4달 전
0
119
2
- 미해결
(6.11) 회원가입시 프로필 정보 자동 생성하기 Q. 호출 순서 문의
안녕하세요 6.11 회원가입시 프로필 정보 자동 생성하기 강의중18:17 분 쯤에아래처럼 useProfileData(session?.user.id) -> u
reacttypescriptreact-querysupabasezustand이민진
・
4달 전
0
84
1
- 미해결
명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이
안녕하세요 6.8 Zustand를 이용해 세션 관리하기4:52초에 타입 선언 부분에 타입 문의가 있어서요!아래처럼 차이가 뭔지 잘 모르겟네요 강사님은 as 타입선언으로 자주 쓰
reacttypescriptreact-querysupabasezustand이민진
・
4달 전
0
90
2
- 해결
useMutation 적용 후 새로운 글 등록시 content가 안보여요
useMutation 적용후,새로운 아이템을 추가하면,아이템은 추가 되지만 안에 컨텐츠 내용은 안나오고, 삭제도 안되네요?<p style="text
reacttypescriptreact-querysupabasezustandpowerwmj
・
5달 전
0
100
2
- 미해결
6.8 zustand 세션 질문입니다.
session.tsimport type { Session } from "@supabase/supabase-js"; import { create } from "zustand"; import {
reacttypescriptreact-querysupabasezustandkin412
・
5달 전
0
156
2
- 해결
next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?
안녕하세요.next.js 강의에서도 zustand나 tanstack query 같은 리액트 라이브러리들을 다뤄주시나요?<p style="text-align
reacttypescriptreact-querysupabasezustandjungo
・
5달 전
0
133
2
- 해결
shadcn에서 radix ui와 base ui 차이는 뭔가요?
shadcn에서 radix ui와 base ui 차이는 뭔가요? 그리고 어떤 걸 선택해야 할까요?
reacttypescriptreact-querysupabasezustandjungo
・
6달 전
1
753
2
- 해결
updateTodo 함수 생성시 화살표 함수 사용 안하는 이유
제목과 같이updateTodo 함수 생성시 화살표 함수 사용 안하는 이유궁긍합니다! ai 질문하니 스타일 차이라
reacttypescriptreact-querysupabasezustand이민진
・
6달 전
0
119
2
- 해결
4.11 바로 투두 삭제가 안됨 질문
투두 삭제할 때 mutation 부분 코드를 강의와 똑같이// use-delete-todo-mutation.ts export function useDeleteTodoMutation() {
reacttypescriptreact-querysupabasezustand으악
・
6달 전
0
143
3
- 해결
매개변수 updatedTodo 관련 질문
낙관적 업데이트시 매개변수인 updatedTodo 관련 질문이 있습니다.onMutate 에서 제공되는 매개변수는mutate 함수의 인수로부터 제공된다고 하셨는
react-query작성자 없음
・
6달 전
0
110
3
- 해결
인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!
라우트 가드 학습 중 궁금한 점이 생겨서 질문드립니다!import { useSession } from "@/store/session"; import { Navigate, Outlet } fro
reacttypescriptreact-querysupabasezustandseb vesta
・
6달 전
0
128
2
- 해결
supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!
안녕하세요! 항상 강의 잘 듣고있습니다 :)강의에서 onAuthState
reacttypescriptreact-querysupabasezustandseb vesta
・
6달 전
0
120
2
- 미해결
4.6 id를 string으로 변경시 오류
id를 전부 string으로 변경했음에도 계속 오류가 발생해서 ai한테 도움을 요청했더니 create-todo.ts에 header값을 붙이라고 하더라고요!그래서 해당 파일 코드에 header
reacttypescriptreact-querysupabasezustand으악
・
6달 전
0
123
2