모드아트는 프랑스어로 "모드"는 유행 및 패션을 지칭하고, "아트"는 영어직역 그대로 예술을 의미합니다. 모드아트는 유행과 패션에 민감한 현대인들에게 본인의 예술감각(사진, 패션)을 뽐낼 수 있고, 하루를 쉬어 갈 수 있는 페이지를 제공하고자 만들었습니다.
사용 기술 : react(vite) / styled-components / firebase / redux-toolkit
- 폴더 구조는 src 폴더 안에 assets , components, styles, store, firebase로 구성되어있고
- assets > 이미지,데이터
- components > 자주사용될 컴포넌트
- styles > styled-componets 라이브러리를 이용함으로써 글로벌 스타일 / 리셋 스타일 / 자주 사용될 스타일들을 담고있습니다.
- store > 리덕스 툴킷의 스토어 폴더고 하위폴더로 reducer가 있습니다.
- firebase > 서버 및 데이터베이스용 firebase 기본 설정이 있습니다.
- 메인 페이지
- DailyLook
- Photo
- Account
헤더에 navigation bar로 Home / DailyLook / Photo / TodayStory / Qna / 계정관리 로 구성되어있습니다.
> 1. 각 게시글마다 user 인증 후 게시글 수정 및 삭제 기능
> 2. 계정관리 (Acoount 섹션)에서 유저의 게시글 및 댓글 갯수 볼 수 있게 추가
> 3. 각 섹션마다 size조절 필수
> 4. main section 이미지 및 UI수정하기
<모드아트 링크> 모드아트