프로젝트 💙 이곳저곳 💙 FE Team의 Repository 입니다 💨

---

✨ 각종 링크

• 서비스 배포 링크
• BE Team Repository
• 서비스 디자인 시안
• FE + BE 전체 노션 (산출물 관리 페이지)

💁‍♂️ 프로젝트 소개

• 가치 있는 여행✈️을 계획하기 위한 여행코스 공유 서비스입니다.

• 가시적인 지도🗺 정보를 제공하여 사용자간 코스와 장소의 위치📍를 공유할 수 있습니다.

• 이전에 여행하였던 사용자의 코스 정보를 바탕으로 나만의 코스를 계획할 수 있습니다.

• 좋아요/북마크를 통해 사용자들이 선호하는 코스 정보를 제공해줍니다.

🙋🏻 프론트앤드 팀원 소개

Jini	Grew	Joe
Scrum master 디자인 및 회의 주도 Recoil 전역 상태 관리 코스/장소 상세 페이지 사용자 정보 페이지 메인 페이지/공통 컴포넌트	문서 관리/프로젝트 설정 및 배포 Axios 통신 모듈 검색 페이지 로그인/회원가입/정보 수정 페이지 form, modal 컴포넌트	Github Repository 관리 Kakao Map API 장소 검색 코스 등록/수정 페이지 Map 관련 컴포넌트

---

⌛️ 프로젝트 기간

2022/07/18(月) ~ 2022/08/15(月)

🎯 서비스 주요 기능

회원 인증

회원가입	로그인

코스/장소 검색

여행 코스 검색	필터링 검색

게시물 조회

코스 조회	장소 조회
댓글 작성	좋아요/북마크

코스 등록/수정

코스 입력	코스 상세 입력

마이 페이지/404

마이 페이지 메인	내 정보 변경
비밀번호 변경	잘못된 페이지

---

⚙️ 프로젝트 환경

---

📃 서비스 페이지 구성도

---

🗂 프로젝트 폴더 구조

✈️ 이곳 저곳 
├── 📂 public
│   └── 📂 assets
├── 📂 src
│   ├── 📂 components
│   │      ├── 📂 atom
│   │      │      ├── index.ts
│   │      │      ├── 📂 Avatar
│   │      │      ├── 📂 Button
│   │      │      ├── 📂 Icon
│   │      │      ├── 📂 Image
│   │      │      ├── 📂 Input
│   │      │      ├── 📂 Label
│   │      │      ├── 📂 Link
│   │      │      ├── 📂 Logo
│   │      │      ├── 📂 Modal
│   │      │      ├── 📂 PageContainer
│   │      │      ├── 📂 Text
│   │      │      ├── 📂 Textarea
│   │      │      ├── 📂 Title
│   │      ├── 📂 common
│   │      │      ├── index.ts
│   │      │      ├── 📂 ArrowTile
│   │      │      ├── 📂 BookmarkIcon
│   │      │      ├── 📂 CategoryTitle
│   │      │      ├── 📂 Comment
│   │      │      ├── 📂 ConfirmModal
│   │      │      ├── 📂 CourseList
│   │      │      ├── 📂 DetailSidebar
│   │      │      ├── 📂 Field
│   │      │      ├── 📂 Footer
│   │      │      ├── 📂 Form
│   │      │      ├── 📂 Header
│   │      │      ├── 📂 ImageUpload
│   │      │      ├── 📂 ImageViewer
│   │      │      ├── 📂 Layout
│   │      │      ├── 📂 LikeCount
│   │      │      ├── 📂 PlaceList
│   │      │      ├── 📂 Recommend
│   │      │      ├── 📂 SearchInput
│   │      │      ├── 📂 SelectRegion
│   │      │      ├── 📂 SelectTags
│   │      │      ├── 📂 SliderContainer
│   │      │      ├── 📂 SortFilter
│   │      │      └── 📂 Toast
│   │      └── 📂 domain
│   │             ├── index.ts
│   │             ├── 📂 AppHead
│   │             ├── 📂 CourseCreate
│   │             ├── 📂 CourseDetail
│   │             ├── 📂 CourseSlider
│   │             ├── 📂 Home
│   │             ├── 📂 LoginForm
│   │             ├── 📂 Map
│   │             ├── 📂 Place
│   │             ├── 📂 SignupForm
│   │             └── 📂 UserInfo
│   ├── 📂 pages
│   │      ├── 📂 home
│   │      ├── 📂 course
│   │      │      ├── detail
│   │      │      ├── 📂 create
│   │      │      │      ├── step1
│   │      │      │      └── step2
│   │      │      └── 📂 edit
│   │      │             ├── step1
│   │      │             └── step2
│   │      ├── 📂 search
│   │      ├── 📂 place
│   │      │      └── detail
│   │      ├── 📂 userinfo
│   │      │      └── edit
│   │      ├── 📂 login
│   │      └── 📂 signup
│   ├── 📂 types
│   │      └── index.ts
│   ├── 📂 service
│   │      ├── 📂 core
│   │      │      ├── Api.ts
│   │      │      └── WebStorage.ts
│   │      └── 📂 domains
│   │             ├── bookmark.ts
│   │             ├── comments.ts
│   │             ├── course.ts
│   │             ├── like.ts
│   │             ├── place.ts
│   │             └── user.ts
│   ├── 📂 styles(글로벌)
│   ├── 📂 hooks
│   │      ├── index.ts
│   │      ├── useClickAway.ts
│   │      ├── useTimeout.ts
│   │      ├── useToggle.ts
│   │      └── useUser.ts
│   ├── 📂 utils
│   │      ├── constants.ts
│   │      └── converter.ts
│   └── 📂 recoail
│          └── index.ts
└── README.md