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

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

🛠 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 구현

➕ 참고

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