jomootgrn88님의 블로그

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

강의수강 supabase Auth 다양한 인증방식을 지원하는 인증 시스템 이메일 인증, 소셜 로그인 등 다양한 방법을 지원 confirmation URL 방식 supabase가 사용자의 이메일로 확인 링크를 전송 사용자가 해당 링크를 클릭하면, supabase에서 해당 이메일을 확인하고 인증 완료 6 - Digit OTP 방식 이메일이나 SMS를 통해 6자...

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

강의수강 recoil atom : 상태의 조각 useRecoilState: useState hook과 유사하게 전역적으로 recoil 상태를 읽고 쓰는 데 사용 useRecoilValue : recoil 상태를 읽는 데만 사용 react-intersection-observer intersercion Observer API를 react에서 사용하기 쉽도록 도...

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

강의수강 Supabase storage 파일과 미디어를 저장하고 관리할 수 있는 서비스 bucket 파일을 저장하는 컨테이너 클라이언트 또는 서버에서 파일을 업로드하고 가져올 수 있음 drag and drop을 도와주는 라이브러리 react-dropzone HTML5 호환 drag 와 drop 영역을 생성하는 react hook getRootProps : ...

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

강의수강 Next.js 기본기 next.js란? 풀스택 개발을 하기에 최적화된 웹 프레임워크 서버에서 html을 최적화해 웹으로 내려주기에 검색엔진에 유리 폴더 구조 route는 폴더명, 경로와 일치 page.tsx, layout.tsx, route.ts 등 역할이 정해진 파일명들이 존재 tailwindcss 클래스로 구성된 유틸리티 우선 css 프레임워크...

• 프론트엔드