리액트 프로젝트

1. 폴더구조

1-1. Pages(큰 단위 컴포넌트)

• Login.js(로그인 페이지) - 승민
• Signup.js(회원가입 페이지) - 승민
• Worklist.js(메인 페이지) - 재환
• Artist.js(작가님 페이지) - 아영
• Workinsert.js(게시물 작성 페이지) - 아영

1-2. components(중간 단위 컴포넌트)

• Header.js(헤더 페이지) - 승민
• Work.js(메인 페이지) - 재환
• Modal.js(모달 창) - 재환

1-3. elements(작은 단위 컴포넌트)

• Grid.js(그리드 전체!) - 아영
• Text.js(텍스트) - 재환
• Input.js(인풋) - 승민
• Button.js(버튼) - 승민
• Image.js(이미지) - 재환
• index.js(작은 단위 컴포넌트 모아두는 곳) - 공통!

1-4. shareds

• App.js
• App.css
• cookie.js(쿠키 && 로그인 및 회원가입) - 승민
• common.js(정규식 표현) - 재환
• infinityScroll.js(무한 스크롤) - 다 같이
• upload.js(사진 업로드) - 아영

permit.js(세션키?)

1-5. redux

1-1. redux

• configureStore.js - 공통!

1-2. modules

• user.js - 승민
• work.js - 다 같이!
• image.js - 재환, 아영