course
웹 서비스 연결
공개 이미지 카드에서 시작해 GitHub은 코드, Vercel은 배포, Cloudinary는 이미지, Supabase는 표를 맡는 연결 순서를 배웁니다.
카드 전체 보기-
코드, 배포, 이미지 파일과 프로젝트 정보를 어디에 둘지 먼저 나눕니다.
-
데이터를 연결하기 전에 GitHub의 코드가 Vercel 주소까지 도착하는지 확인합니다.
-
Supabase에 빈 표를 만들고, Cloudinary에 이미지를 올린 뒤, 받은 주소를 표의 한 행에 적습니다.
- 실습 완료 Supabase에 프로젝트 표 만들기 이미지 카드의 제목·설명·이미지 주소를 담을 projects 표를 만들고 공개 읽기 규칙을 확인할 수 있습니다
- 실습 완료 Cloudinary에 이미지 한 장 올리기 Cloudinary Media Library에 이미지를 올리고 다음 단계에 넘길 보안 주소와 public_id를 찾을 수 있습니다
- 실습 완료 Cloudinary 주소를 Supabase 한 행에 적기 Cloudinary에서 받은 이미지 주소와 public_id를 제목·설명과 함께 Supabase projects 표의 한 행에 저장할 수 있습니다
-
서비스별 성공 표시가 같은 결과를 뜻하는지 실제 주소에서 다시 확인합니다.