HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
💌
JJong’s Archive
/
11, 13, 14 강의노트

11, 13, 14 강의노트

생성 일시
Jan 1, 2025 05:22 AM

11. PRODUCT UPLOAD

  1. File ~4시
    1. 업로드한 이미지를 public폴더에 넣기
 
  1. 사진을 선택했을 때 url 생성하기
    1. onChange에서 cloudflare url 요청하는 액션 호출
  1. 받은 url을 상태값에 저장하기
  1. cloudflare에 업로드하는 interceptAction 작성 후, form action으로 등록
  1. url을 담은 formdata를 매개변수에 넣어 db에 product 생성하는 server action return
    1.  
      지금은 이미지 cloudflare에 업로드 → form input 검증 → db에 모조리 저장
      인데 다른 formdata 검증에 실패했다면? 이미지도 업로드하면 안될거같음.
      form input 검증 → cloudflare에 업로드 → db에 저장 하는 방식을 한번 해보자!
      ⇒ form 처리 action을 먼저하고 여기서 이미지 업로드 액션을 return 하는 방식으로 순서를 바꿔보자~
       
 
 

13. CACHING

  1. home
    1. getProducts를 unstable_cache (as로 별명)
  1. product detail
    1. product detail의 metadata title을 product name으로! ⇒ 서버액션 함수
    2. fetch cache
    3. 동적, 정적 페이지 서로 변환해보기
    4. dynamicParams
  1. edit-product/[id] page 만들기
  1. 제품리스트 페이지 캐쉬 전략 ⇒ 상품 업로드&편집 페이지와 연결하기
    1. force-dynamic, revalidatePath(Tag),
 

14. OPTIMISTIC UPDATES

  1. 댓글
 

17. Extras

  1. font
 

 
TODO 프로필
  • 구매/판매한 상품들
  • 나에 대한 리뷰
  • 수정
  • 제품 판매 완료 버튼 만들기, 판매 완료 후 서로의 리뷰를 남기는 기능 만들기