hee j님의 블로그

[인프런 워밍업 클럽 3기 풀스택 ] 4주차 발자국

목차 회원가입 & 로그인 Supabase Auth 소개 인증 구현 - Confirmation URL 방식 (이메일 코드 전송) 인증 구현 - 6-digit OTP 방식 채팅 기능 구현 Supabse Realtime 소개 실시간 채팅 구현 유저별 마지막 접속 시간 구현 4주차 제출 메시지 삭제 시 '이 메세지는 삭제되었습니다'로 표시 1. 회원가입 & 로그인...

[인프런 워밍업 클럽 3기 풀스택 ] 3주차 발자국

목차 다른 페이지에서 데이터를 받아 전달 rocoil을 사용하는 방법 Supabase에서 maybeSingle()과 single() react-intersection-observer useInView 함수 사용법 useInfiniteQuery 기본 사용법 3주차 미션 supabase에 컬럼 추가 찜 기능 설정하기 찜한 영화를 화면 최상단으로 보여주도록 정렬...

• 풀스택
• 풀스택
• 워밍업

[인프런 워밍업 클럽 3기 풀스택 ] 2주차 발자국

목차 Dropbox Clone Project Drag & Drop 할 영역 설정 및 서버에 파일 전송 supabase의 Storage에 첨부파일 업로드 첨부파일 검색, 삭제 2주차 미션 파일의 마지막 수정(업로드) 시간을 표시하기 파일명을 UUID로 변경하여 업로드하기 Dropbox Clone Project 1. Drag & Drop 할 영역 설정 Drag...

• 풀스택
• 풀스택
• next.js
• react
• supabase
• 워밍업
• 발자국

[인프런 워밍업 클럽 3기 풀스택 ] 1주차 발자국

목차 Next.js, TailwindCss, Recoil, supabase 특징 Todo List 미션 Next.js React 기반의 풀스택 프레임워크 SSR(서버사이드 렌더링) 지원 서버에서 미리 HTML을 렌더링하여 SEO와 초기 로딩 속도 개선 fetch 등의 API 요청을 서버에서 처리해 클라이언트의 부담 감소 SSG(정적 사이트 생성) 지원 빌드...

• 풀스택
• 풀스택
• next.js
• react
• supabase
• 워밍업
• 발자국