본문 바로가기

TIL

TIL (Today I Learned) - 팀 프로젝트를 하면서 오늘 배운 내용

 

Supabase에서 Cardlists 연결

오늘 Supabase를 사용하여 cardlists를 성공적으로 연결했습니다. 이 과정에서 Supabase의 데이터베이스와 프론트엔드 간의 데이터 연동 방법에 대해 배우게 되었습니다.

로그인 상태에 따른 페이지 헤더 조건부 변경

Supabase 데이터베이스를 사용하여 사용자 로그인 상태에 따라 페이지 헤더를 조건부로 변경하는 로직을 구현했습니다. 이를 통해 사용자 인증 상태를 확인하고 UI를 동적으로 변경하는 방법을 익혔습니다.

Follow API 작성

Follow 기능을 위한 API를 작성했습니다. API 설계 및 구현 방법에 대해 더 깊이 이해하게 되었고, 사용자 관계 데이터를 처리하는 방법도 익혔습니다.

React에서 Suspense 사용법 학습

React의 Suspense 기능을 학습했습니다. 이를 통해 React에서 비동기 데이터를 다루는 방법과 Suspense의 개념 및 활용법을 이해하게 되었습니다.

 

결론

  • Supabase에서 Cardlists를 연결
    • 내용: Supabase를 사용하여 cardlists를 성공적으로 연결했습니다.
    • 배운 점: 데이터베이스와 프론트엔드 간의 데이터 연동 방법, Supabase의 사용법
  • Supabase 데이터베이스에서 로그인 상태에 맞게 페이지 헤더 조건부 변경
    • 내용: 사용자 로그인 상태에 따라 페이지 헤더를 조건부로 변경하는 로직을 구현했습니다.
    • 배운 점: 사용자 인증 상태를 확인하고 UI를 동적으로 변경하는 방법
  • Follow API 작성
    • 내용: Follow 기능을 위한 API를 작성했습니다.
    • 배운 점: API 설계 및 구현 방법, 사용자 관계 데이터를 처리하는 방법
  • React에서 Suspense 사용법 학습
    • 내용: React의 Suspense 기능을 학습했습니다.
    • 배운 점: React에서 비동기 데이터를 다루는 방법, Suspense의 개념과 활용법