ᴘʀᴏᴊᴇᴄᴛɪɴɢ

project 초기 설정 중 ESLint 와 Prettier 설정에 관한 내용입니다.

날씨 API로 데이터를 받아와 widget을 만드는 과정입니다.

Supabase에서 OAuth 인증이 동작하는 방식에 대한 글입니다.

Kakao OAuth를 Supabase에 연결하여 사용자 로그인 기능을 구현하는 과정입니다.

Google OAuth를 Supabase에 연결하여 사용자 로그인 기능을 구현하는 과정입니다.

form 상태 관리를 위해 React-Hook-Form 라이브러리를 사용합니다. 입력 값 상태 관리와 간편한 검증, 타입스크립트 지원 등 다양한 기능으로 form 관리를 보다 쉽게 만들어 주는 라이브러리입니다.

폭포수처럼 서버에서 데이터를 차례로 가져와서 사용자 경험을 저해하는 워터폴 현상 개선을 위해 React-Query의 useQuery 혹은 useQueries를 사용합니다.

게시글 작성 페이지에서 다중 이미지를 supabase sorage에 업로드하는 과정입니다.

기존의 MultiImageForm은 Storage API를 사용해 불필요하게 네트워크 요청을 하고, 복잡한 로직으로 이루어져있었습니다. 이를 개선합니다.

Supabase 트리거를 활용해 데이터 수정 시 updated_at 필드를 자동으로 갱신하는 방법과 데이터 무결성을 유지하는 설정 과정을 소개합니다.