채팅기능 getAllUsers 질문드립니다.

혹시 전체 코드를 Github 링크로 공유해주실 수 있을까요? Slack 채널로 문의주시면 더 빠른 답변을 받아보실 수 있습니다 😄 https://join.slack.com/t/lopun-lecture/shared_invite/zt-2mkxcgt5h-7Bq~fMnMJ8Scle17fzFYCQ

무한 스크롤 시 화면 위치 문제

스크롤 관련 디테일은 두 가지 정도로 잡아볼 수 있을 것 같습니다.스크롤 내렸을 때 새롭게 추가된 아이템들에 맞게 스크롤 위치 변경 무한스크롤을 하다가 다른 페이지를 방문한 후 돌아왔을 때 마지막으로 스크롤한 위치로 이동1번 이슈의 경우 가상 리스트라는 개념을 도입하시면 더 우아한 무한 스크롤 개발이 가능합니다. 이 이슈에 대해서는 오늘의 집에서 정말 상세하게 정리해둔 글이 있으니 이 글을 참고해서 개발해보시면 좋은 연습이 될 것 같습니다 ㅎㅎhttps://www.bucketplace.com/post/2020-09-10-%EC%98%A4%EB%8A%98%EC%9D%98%EC%A7%91-%EB%82%B4-%EB%AC%B4%ED%95%9C%EC%8A%A4%ED%81%AC%EB%A1%A4-%EA%B0%9C%EB%B0%9C%EA%B8%B0/https://www.bucketplace.com/post/2024-09-11-virtualizedlist-%EB%AC%B4%ED%95%9C%EC%8A%A4%ED%81%AC%EB%A1%A4-%EB%A6%AC%EC%8A%A4%ED%8A%B8-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81-%EA%B0%9C%EB%B0%9C-%EC%9D%B4%EC%95%BC%EA%B8%B0/ 2번의 경우 local storage, session stroage등을 이용해서 기존에 스크롤 하던 위치를 기억할 수 있습니다. 아래 블로그에 hands-on 해보실 수 있는 자세한 내용이 나와있으니 참고 부탁드립니다.https://minguri.tistory.com/29

Next.js 15에서 Material Tailwind 설정

안녕하세요~ 슬랙 채널로 Github Repository Link와 함께 문의주시면 디버깅 같이 진행해드리겠습니다.감사합니다.

smtp 사용

안녕하세요 😄 smtp가 필수 정책으로 변경되었군요! 알려주셔서 감사합니다.추가 강의를 제작하기에 앞서 우선 당장 문제를 해결하셔야 할 것 같아 아래 링크를 보내드립니다. 저의 경우 Resend 무료서비스를 활용해서 Supabase에 smtp 연동을 추가하고 있어요 ㅎㅎ 우선 아래 글을 따라하시면서 연동 진행해보시고 막히는 부분이 있다면 슬랙으로 문의 부탁드립니다.감사합니다.https://velog.io/@dev_leewoooo/supabase%EC%97%90-Customer-SMTP-Provider-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-with-Resend

build 오류

typing 오류같아 보입니다. ping pong을 여러번 해야 하는 오류일 것 같은데 슬랙 채널로 Github Repository 링크와 함께 다시 질문주시면 디버깅을 같이 도와드리겠습니다 😄

채팅 관련 부분, useInfiniteQuery

안녕하세요 김용민님! 답변이 늦어져 죄송합니다. 해결이 안된 질문이 있는지 모르고 있었네요 🙀 우선 reverseInfiniteQuery가 react-query에서 공식적으로 지원되지 않는 함수처럼 보이는데 혹시 해당 함수에 대한 설명을 따로 받아볼 수 있을까요?역무한스크롤의 경우 별도의 함수가 필요한 작업은 아니어보이고, 스크롤 인식과 최상위 컴포넌트가 화면상에 렌더링 되었는지 인식하도록 intersection observer를 작업해주시면 될 것 같습니다 😄 refetch의 경우 최적화를 질문주신 것 같은데, infinite scroll 최적화 관련 좋은 아티클이 2개가 있어서 같이 공유드려요! 카카오 엔터프라이즈에서 나온 아티클을 best practice로 보시면서 공부해보시는 것을 추천드립니다 ㅎㅎhttps://tech.kakaoenterprise.com/149https://bttrthn-ystrdy.tistory.com/139

Supabase smtp 추가 강좌 계획

안녕하세요 🙂 답변이 늦었습니다. smtp 관련 강좌 제작 계획은 따로 없었는데 추가 제작 후보로 등록해놓을게요! 서버 비용은 개인 블로그는 트래픽이 엄청나지 않는 한 무료로 사용 가능하실거라 믿습니다 ㅎㅎ

유효성 검사 누락된 부분...

아 네네! 해당 부분은 Yup라는 라이브러리와 formik을 사용하시면 더 좋은 코드를 작성하실 수 있어요 😄 해당 부분은 시간이 되면 보충강의로 작성해서 업로드 해드리겠습니다. https://github.com/lopun/inflearn-supabase-instagram-clone/commit/2cbd87cbc312a05361e75086d98f64f93f5ea1ddsignup쪽만 유효성 검사를 추가해보았습니다. 참고하셔서 리팩토링 진행 부탁드립니다 😉

npm run dev 오류 내용을 모르겠습니다

안녕하세요~ 전체 코드 Github에 업로드 해주시면 디버깅 같이 진행해드리겠습니다.

npm error could not determine executable to run

supabase cli 패키지를 사용하기 위해서는 설치를 먼저 해주셔야 하는데요!아래의 두가지 방법중 하나를 택해주시면 됩니다.npm i -g supabase && supabase login로 해결하시거나npx supabase login 으로 해결하시면 됩니다.강의에서 누락이 되었는지 확인하고 보충강의 제작해서 업로드 하도록 할게요 😉