[쇼핑몰 사이트 만들기] #1-0. 상품 업로드 페이지 목차

ppmyor·2022년 8월 6일
0
post-thumbnail


위의 상품 업로드 페이지 구현을 위해 다음과 같은 순서로 제작한다!✊

🛠 1. 상품 업로드 페이지 만들기

  1. 비어있는 업로드 페이지 생성
  2. 업로드 페이지 Route 생성
  3. 업로드 페이지 탭 추가
  4. Drop Zone을 제외한 Form 생성
  5. input을 위한 onChange function 구현

🛠 2. 파일 업로드 컴포넌트 만들기

  1. 파일 업로드 js 생성
  2. Drop-zone 라이브러리 다운
  3. 파일 업로드 컴포넌트 UI
  4. onDrop Function 구현
  5. onDelete Function 구현
  6. 이미지 state 부모 컴포넌트로 업데이트

🛠 3. DB와의 데이터 주고 받기

  1. Product Model 제작
  2. Upload File Component 가져오기
  3. uploadFile 컴포넌트로 업데이트
  4. onSubmit Function 구현

➕ 참고

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기 를 공부하며 작성한 글입니다.

profile
유영하는 개발자

0개의 댓글