From 0adbf908b8b5021740fe5e9792588bcba2614c8a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Tue, 20 Jun 2023 14:32:32 +0900 Subject: [PATCH 01/13] Update README.md --- README.md | 52 +++++++++++++++++++++++++++++++++++----------------- 1 file changed, 35 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index ba3e5c70e..91b586910 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,8 @@ # 홀리데이즈 HOLIDAYS +#### 배포 사이트 : https://happyholidays.site + ## 멤버 구성 -### 이중한 (FE) -- 로그인 / 회원가입 페이지 (소셜로그인, 비밀번호 찾기, 권한분기, 휴대폰/이메일 인정 ) -- 결제페이지 -- 랜딩페이지 제작 -- 메거진 페이지 제작 -- PWA (구글 플레이스토어 앱 배포,반응형 디자인) ### 신재욱 (FE) - 마이페이지 (마이페이지 메인, 내가 만든 클래스, 내가 신청한 클래스, 위시리스트, 내 사랑방 리스트, 예약 관리, 회원 탈퇴) - 커뮤니티 페이지 (커뮤니티 리스트, 커뮤니티 작성, 커뮤니티 조회) @@ -14,11 +10,18 @@ - 레이아웃 제작 - FE git 관리 - 발표자료 제작 +### 이중한 (FE) +- 로그인 / 회원가입 페이지 (소셜로그인, 비밀번호 찾기, 권한분기, 휴대폰/이메일 인정 ) +- 결제페이지 +- 랜딩페이지 제작 +- 메거진 페이지 제작 +- PWA (구글 플레이스토어 앱 배포,반응형 디자인) ### 유시영 (FE) - 클래스 생성 및 조회 페이지(클래스 등록/수정/삭제, 카카오 지도 api, 이미지 업로드, 리뷰 등록/수정/삭제하기, 예약하기, 찜하기) - AWS 배포 - 노션 제작 및 관리 - 회의록 작성 + ## 기획의도 점점 더 많은 사람들이 새로운 스킬을 배우고 개인적인 관심사를 탐구하기 위해  원데이클래스에 대한 수요가 증가하고 있습니다.  @@ -46,28 +49,43 @@ 2023년 5월 8일 ~ 2023년 5월 26일 ## 기술 -- HTML, CSS, JavaScript, TypeScript, React, Next.js, GraphQL, Rest-API +- HTML, CSS, JavaScript, TypeScript, React, Next.js, GraphQL - PWA, AWS, 도커 - GIT +## 프로젝트 기록 +- [Team Project 1일차](https://velog.io/@sju4486/TIL-Team-Project-1%EC%9D%BC%EC%B0%A8) +- [Team Project 2일차](https://velog.io/@sju4486/TIL-Team-Project-2%EC%9D%BC%EC%B0%A8) +- [Team Project 3일차](https://velog.io/@sju4486/TIL-Team-Project-3%EC%9D%BC%EC%B0%A8) +- [Team Project 4일차](https://velog.io/@sju4486/TIL-Team-Project-4%EC%9D%BC%EC%B0%A8) +- [Team Project 5일차](https://velog.io/@sju4486/TIL-Team-Project-5%EC%9D%BC%EC%B0%A8) +- [Team Project 6일차](https://velog.io/@sju4486/TIL-Team-Project-6%EC%9D%BC%EC%B0%A8) +- [Team Project 7일차](https://velog.io/@sju4486/TIL-Team-Project-7%EC%9D%BC%EC%B0%A8) +- [Team Project 8일차](https://velog.io/@sju4486/TIL-Team-Project-8%EC%9D%BC%EC%B0%A8) +- [Team Project 9일차](https://velog.io/@sju4486/TIL-Team-Project-9%EC%9D%BC%EC%B0%A8) +- [Team Project 10일차](https://velog.io/@sju4486/TIL-Team-Project-10%EC%9D%BC%EC%B0%A8-yjod680s) +- [Team Project 11일차](https://velog.io/@sju4486/TIL-Team-Project-11%EC%9D%BC%EC%B0%A8) +- [Team Project 12일차](https://velog.io/@sju4486/TIL-Team-Project-12%EC%9D%BC%EC%B0%A8) +- [Team Project 회고록](https://velog.io/@sju4486/TIL-Team-Project-%ED%9A%8C%EA%B3%A0%EB%A1%9D) + ## 구현 기능 -![1](https://github.com/code-bootcamp/holidays_client/assets/114569429/c775f6c9-7caa-43ef-98fb-e3bd49218621) +![1](https://github.com/code-bootcamp/holidays_client/assets/114569429/b62f819d-630d-468e-a2ca-c279eb513abc) -![2](https://github.com/code-bootcamp/holidays_client/assets/114569429/6508c1a4-f0d1-4d72-be04-ddd8bab3170b) +![2](https://github.com/code-bootcamp/holidays_client/assets/114569429/393d44fc-c9c9-414b-ae3e-bb2829c4e9c5) -![3](https://github.com/code-bootcamp/holidays_client/assets/114569429/093be5f4-af48-41f6-a4ce-06217c6481d1) +![3](https://github.com/code-bootcamp/holidays_client/assets/114569429/e3477e84-aaf7-4b15-979b-741186e1dfe4) -![4](https://github.com/code-bootcamp/holidays_client/assets/114569429/41c07770-7ab5-4186-a5d3-fecf109c1989) +![4](https://github.com/code-bootcamp/holidays_client/assets/114569429/74e556d6-f9c7-4d0f-92ef-e83440024658) -![5](https://github.com/code-bootcamp/holidays_client/assets/114569429/dc609f7e-fdd1-4bba-9106-340dd9b6e2b3) +![5](https://github.com/code-bootcamp/holidays_client/assets/114569429/43ed7c1a-361c-4a10-aa22-2e198be024b0) -![6](https://github.com/code-bootcamp/holidays_client/assets/114569429/bd5d40a4-94ab-4916-b765-7862a1465067) +![6](https://github.com/code-bootcamp/holidays_client/assets/114569429/948d1447-c378-440a-81f8-218a2ced1947) -![77](https://github.com/code-bootcamp/holidays_client/assets/114569429/eaeadde0-4343-423b-b3ea-5805dbf9e6a6) +![77](https://github.com/code-bootcamp/holidays_client/assets/114569429/326560cf-efab-45f8-82d4-958ac96331e1) -![8](https://github.com/code-bootcamp/holidays_client/assets/114569429/60695f6f-16bc-4cb3-924e-da7824ed79d7) +![8](https://github.com/code-bootcamp/holidays_client/assets/114569429/51e259eb-0a3e-4e13-ba93-77e7ba026ef2) -![9](https://github.com/code-bootcamp/holidays_client/assets/114569429/2078d2ca-ec4b-4fa7-a371-a7bd8fd38ecb) +![9](https://github.com/code-bootcamp/holidays_client/assets/114569429/f724c5bd-8043-403e-a391-9f0d8956086d) -![10](https://github.com/code-bootcamp/holidays_client/assets/114569429/be0c3bab-e3e3-4b2b-a680-c1d796939b90) +![10](https://github.com/code-bootcamp/holidays_client/assets/114569429/0ab397e4-203d-4adf-b60b-18e0a0b5e270) From e92d949e928919453e55dd0a874d0859a6942781 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Tue, 27 Jun 2023 12:04:42 +0900 Subject: [PATCH 02/13] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 91b586910..e42c7ea20 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # 홀리데이즈 HOLIDAYS -#### 배포 사이트 : https://happyholidays.site +#### 배포 사이트 : https://happyholidays.site (2023.06.29 2차 배포 예정) ## 멤버 구성 ### 신재욱 (FE) From de61919a031df93ab0f6b2829f89cc69f9fafdb0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Wed, 28 Jun 2023 11:37:49 +0900 Subject: [PATCH 03/13] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e42c7ea20..1457af73e 100644 --- a/README.md +++ b/README.md @@ -67,6 +67,7 @@ - [Team Project 11일차](https://velog.io/@sju4486/TIL-Team-Project-11%EC%9D%BC%EC%B0%A8) - [Team Project 12일차](https://velog.io/@sju4486/TIL-Team-Project-12%EC%9D%BC%EC%B0%A8) - [Team Project 회고록](https://velog.io/@sju4486/TIL-Team-Project-%ED%9A%8C%EA%B3%A0%EB%A1%9D) +- [Team Project 리팩토링 회고록](https://velog.io/@sju4486/Project-Team-Project-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81-%ED%9A%8C%EA%B3%A0) ## 구현 기능 From 4652fad547f3a8064e4332dc4d767893d1e9e505 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Mon, 10 Jul 2023 13:41:42 +0900 Subject: [PATCH 04/13] Update README.md --- README.md | 58 +++++++++++++++++++++---------------------------------- 1 file changed, 22 insertions(+), 36 deletions(-) diff --git a/README.md b/README.md index 1457af73e..282e3f2a9 100644 --- a/README.md +++ b/README.md @@ -1,35 +1,29 @@ # 홀리데이즈 HOLIDAYS -#### 배포 사이트 : https://happyholidays.site (2023.06.29 2차 배포 예정) +점점 더 많은 사람들이 새로운 스킬을 배우고 개인적인 관심사를 탐구하기 위해 원데이클래스에 대한 수요가 증가하고 있습니다. 그러나 원데이클래스를 찾고 참여하기 위해서는 여러 가지 장벽이 존재하곤 합니다. HOLIDAYS는 이러한 장벽을 극복하고, 원데이클래스를 원하는 사람들에게 쉽게 접근 가능하고 매칭이 용이한 서비스를 제공하는 것을 목표로 합니다. -## 멤버 구성 -### 신재욱 (FE) -- 마이페이지 (마이페이지 메인, 내가 만든 클래스, 내가 신청한 클래스, 위시리스트, 내 사랑방 리스트, 예약 관리, 회원 탈퇴) -- 커뮤니티 페이지 (커뮤니티 리스트, 커뮤니티 작성, 커뮤니티 조회) -- 클래스 페이지 (클래스 리스트) -- 레이아웃 제작 -- FE git 관리 -- 발표자료 제작 -### 이중한 (FE) -- 로그인 / 회원가입 페이지 (소셜로그인, 비밀번호 찾기, 권한분기, 휴대폰/이메일 인정 ) -- 결제페이지 -- 랜딩페이지 제작 -- 메거진 페이지 제작 -- PWA (구글 플레이스토어 앱 배포,반응형 디자인) -### 유시영 (FE) -- 클래스 생성 및 조회 페이지(클래스 등록/수정/삭제, 카카오 지도 api, 이미지 업로드, 리뷰 등록/수정/삭제하기, 예약하기, 찜하기) -- AWS 배포 -- 노션 제작 및 관리 -- 회의록 작성 +# ✅ 배포 주소 + +**HOLIDAYS** [https://happyholidays.site](https://happyholidays.site) + +# ✅ 기술 스택 -## 기획의도 -점점 더 많은 사람들이 새로운 스킬을 배우고 개인적인 관심사를 탐구하기 위해  -원데이클래스에 대한 수요가 증가하고 있습니다.  +`TypeScript`, `Next.js`, `React`, `GraphQL`, `React-Hooks`, `Emotion`, `Recoil` +

-그러나 원데이클래스를 찾고 참여하기 위해서는 여러 가지 장벽이 존재하곤 합니다.  +# ✅ FrontEnd 팀원 +## 신재욱 (FE) +- 커뮤니티 페이지, 회원관리 페이지, 원데이클래스 페이지(리스트) +- 레이아웃 제작 +- Git 관리 +## 이중한 (FE) +- 로그인 페이지, 결제 페이지, 랜딩페이지 +- PWA 배포 +## 유시영 (FE) +- 원데이클래스 페이지 +- AWS 배포 +- 노션 관리 -"HOLIDAYS"는 이러한 장벽을 극복하고, 원데이클래스를 원하는 사람들에게 쉽게  -접근 가능하고 매칭이 용이한 서비스를 제공하는 것을 목표로 합니다. ## 기능 설명 @@ -45,15 +39,7 @@ ### 4. 매칭 시스템  "HOLIDAYS"는 강사와 수강생을 매칭해주는 기능을 제공합니다. 강사는 자신의 클래스에 대한 신청을 받고, 수강생은 원하는 클래스에 신청할 수 있습니다. 시스템은 이를 기반으로 가장 적합한 매칭을 제안하여 수강생과 강사를 연결합니다. -## 개발 기간 -2023년 5월 8일 ~ 2023년 5월 26일 - -## 기술 -- HTML, CSS, JavaScript, TypeScript, React, Next.js, GraphQL -- PWA, AWS, 도커 -- GIT - -## 프로젝트 기록 +# ✅ 프로젝트 기록 - [Team Project 1일차](https://velog.io/@sju4486/TIL-Team-Project-1%EC%9D%BC%EC%B0%A8) - [Team Project 2일차](https://velog.io/@sju4486/TIL-Team-Project-2%EC%9D%BC%EC%B0%A8) - [Team Project 3일차](https://velog.io/@sju4486/TIL-Team-Project-3%EC%9D%BC%EC%B0%A8) @@ -69,7 +55,7 @@ - [Team Project 회고록](https://velog.io/@sju4486/TIL-Team-Project-%ED%9A%8C%EA%B3%A0%EB%A1%9D) - [Team Project 리팩토링 회고록](https://velog.io/@sju4486/Project-Team-Project-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81-%ED%9A%8C%EA%B3%A0) -## 구현 기능 +# ✅ 구현 기능 ![1](https://github.com/code-bootcamp/holidays_client/assets/114569429/b62f819d-630d-468e-a2ca-c279eb513abc) From 2eb569a99fdae90e91c14d2e9244f5682f9cee75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Thu, 13 Jul 2023 18:59:56 +0900 Subject: [PATCH 05/13] Update README.md --- README.md | 81 ++++++++++++++++++++++++++++++++----------------------- 1 file changed, 48 insertions(+), 33 deletions(-) diff --git a/README.md b/README.md index 282e3f2a9..7e2c859a8 100644 --- a/README.md +++ b/README.md @@ -2,44 +2,29 @@ 점점 더 많은 사람들이 새로운 스킬을 배우고 개인적인 관심사를 탐구하기 위해 원데이클래스에 대한 수요가 증가하고 있습니다. 그러나 원데이클래스를 찾고 참여하기 위해서는 여러 가지 장벽이 존재하곤 합니다. HOLIDAYS는 이러한 장벽을 극복하고, 원데이클래스를 원하는 사람들에게 쉽게 접근 가능하고 매칭이 용이한 서비스를 제공하는 것을 목표로 합니다. -# ✅ 배포 주소 +## 배포 주소 **HOLIDAYS** [https://happyholidays.site](https://happyholidays.site) -# ✅ 기술 스택 +## 기술 스택 `TypeScript`, `Next.js`, `React`, `GraphQL`, `React-Hooks`, `Emotion`, `Recoil`

-# ✅ FrontEnd 팀원 -## 신재욱 (FE) +## FrontEnd 팀원 +### 신재욱 (FE) - 커뮤니티 페이지, 회원관리 페이지, 원데이클래스 페이지(리스트) - 레이아웃 제작 - Git 관리 -## 이중한 (FE) +### 이중한 (FE) - 로그인 페이지, 결제 페이지, 랜딩페이지 - PWA 배포 -## 유시영 (FE) +### 유시영 (FE) - 원데이클래스 페이지 - AWS 배포 - 노션 관리 - -## 기능 설명 - -### 1. 다양한 원데이클래스 검색 - 다양한 분야의 원데이클래스를 한 곳에서 찾을 수 있는 플랫폼을 제공합니다. 사용자는 관심 있는 주제나 원하는 스킬을 검색하여 수강 가능한 원데이클래스를 찾을 수 있습니다. - -### 2. 맞춤형 추천 - 사용자는 자신의 관심사, 선호하는 날짜와 시간, 예산 등을 입력하여 맞춤형 추천 원데이클래스를 받을 수 있습니다. 이를 통해 사용자는 자신의 요구에 맞는 원데이클래스를 더욱 쉽게 찾을 수 있습니다. - -### 3. 원데이클래스 등록 - "HOLIDAYS" 플랫폼을 통해 자신의 클래스를 등록할 수 있습니다. 강사는 클래스의 주제, 날짜, 장소, 수강생 수 등을 등록하여 자신의 클래스를 홍보하고 수강생을 모집할 수 있습니다. - -### 4. 매칭 시스템 - "HOLIDAYS"는 강사와 수강생을 매칭해주는 기능을 제공합니다. 강사는 자신의 클래스에 대한 신청을 받고, 수강생은 원하는 클래스에 신청할 수 있습니다. 시스템은 이를 기반으로 가장 적합한 매칭을 제안하여 수강생과 강사를 연결합니다. - -# ✅ 프로젝트 기록 +## 프로젝트 기록 - [Team Project 1일차](https://velog.io/@sju4486/TIL-Team-Project-1%EC%9D%BC%EC%B0%A8) - [Team Project 2일차](https://velog.io/@sju4486/TIL-Team-Project-2%EC%9D%BC%EC%B0%A8) - [Team Project 3일차](https://velog.io/@sju4486/TIL-Team-Project-3%EC%9D%BC%EC%B0%A8) @@ -55,24 +40,54 @@ - [Team Project 회고록](https://velog.io/@sju4486/TIL-Team-Project-%ED%9A%8C%EA%B3%A0%EB%A1%9D) - [Team Project 리팩토링 회고록](https://velog.io/@sju4486/Project-Team-Project-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81-%ED%9A%8C%EA%B3%A0) -# ✅ 구현 기능 +## 구현 기능 + +### 원데이클래스 List Page (Service / Area Category) + +![클래스 리스트(서비스 카테고리)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/dab9e020-d6fc-4795-8535-f12c76f44d98) + +
+ +![클래스 리스트(지 카테고리)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/77163812-208e-4401-9dcc-a29344cc0332) + +
+ +![클래스 리스트(검색)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/6a673c74-3c10-4dff-b75d-92a3df1fc320) + +- Recoil 상태 관리 라이브러리를 사용하여 상태를 저장 +- 특정 카테고리 클릭 시, Recoil 상태에서 해당 카테고리와 일치하는 데이터를 불러옵니다. + +
+
+ +### 커뮤니티 (List / Detail / Comment / Write) + +![커뮤니티(디테일)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/04d04087-1574-47da-9b18-22791ad6a5fb) + +
+ +![커뮤니티(댓글)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/5f790b2f-7c6e-4943-aa40-cb031400eae8) + +
-![1](https://github.com/code-bootcamp/holidays_client/assets/114569429/b62f819d-630d-468e-a2ca-c279eb513abc) +![커뮤니티(작성)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/654de327-a292-43f6-b39a-63b13c0170ab) -![2](https://github.com/code-bootcamp/holidays_client/assets/114569429/393d44fc-c9c9-414b-ae3e-bb2829c4e9c5) -![3](https://github.com/code-bootcamp/holidays_client/assets/114569429/e3477e84-aaf7-4b15-979b-741186e1dfe4) +- 토스트 에디터 라이브러리를 사용했습니다. +- 대표이미지 등록과 게시물작성시 필요한 이미지들을 자유롭게 등록할 수 있습니다. +- 댓글 작성과 수정 시 apolloClient에서 제공하는 기능인 refetchQueries를 사용해서 즉각적으로 반영되도록 구현했습니다. -![4](https://github.com/code-bootcamp/holidays_client/assets/114569429/74e556d6-f9c7-4d0f-92ef-e83440024658) +
+
-![5](https://github.com/code-bootcamp/holidays_client/assets/114569429/43ed7c1a-361c-4a10-aa22-2e198be024b0) +### 마이페이지 (Edit profile / View my page) -![6](https://github.com/code-bootcamp/holidays_client/assets/114569429/948d1447-c378-440a-81f8-218a2ced1947) +![마이페이지(회원정보 수정)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/2aa672ed-061f-46bd-96fd-3d84a48cad4b) -![77](https://github.com/code-bootcamp/holidays_client/assets/114569429/326560cf-efab-45f8-82d4-958ac96331e1) +
-![8](https://github.com/code-bootcamp/holidays_client/assets/114569429/51e259eb-0a3e-4e13-ba93-77e7ba026ef2) +![마이페이지](https://github.com/mrpumpkin98/Reused_client/assets/114569429/69bbb872-d645-4562-a909-9574c2ba2eed) -![9](https://github.com/code-bootcamp/holidays_client/assets/114569429/f724c5bd-8043-403e-a391-9f0d8956086d) +- 회원정보 수정시 핸드폰 인증을 받고, 인증번호가 확인되면 닉네임을 수정할 수 있도록 구현했습니다. +- 예약 승인 및 확인 조회: 마이페이지에서 예약에 대한 승인 상태나 확인 상태를 실시간으로 확인할 수 있습니다. -![10](https://github.com/code-bootcamp/holidays_client/assets/114569429/0ab397e4-203d-4adf-b60b-18e0a0b5e270) From 1abcdceb454ea6335533b455bcdc4a4d905831f3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Thu, 13 Jul 2023 19:00:47 +0900 Subject: [PATCH 06/13] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7e2c859a8..3e44a7e84 100644 --- a/README.md +++ b/README.md @@ -73,7 +73,7 @@ ![커뮤니티(작성)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/654de327-a292-43f6-b39a-63b13c0170ab) -- 토스트 에디터 라이브러리를 사용했습니다. +- TOAST UI Editor 3.0 라이브러리를 사용했습니다. - 대표이미지 등록과 게시물작성시 필요한 이미지들을 자유롭게 등록할 수 있습니다. - 댓글 작성과 수정 시 apolloClient에서 제공하는 기능인 refetchQueries를 사용해서 즉각적으로 반영되도록 구현했습니다. From d7a8a9cc255a38289c5e5c7c5fdd5c5e4fc1b1d9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Thu, 13 Jul 2023 19:04:24 +0900 Subject: [PATCH 07/13] Update README.md --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 3e44a7e84..c3c75248d 100644 --- a/README.md +++ b/README.md @@ -40,6 +40,10 @@ - [Team Project 회고록](https://velog.io/@sju4486/TIL-Team-Project-%ED%9A%8C%EA%B3%A0%EB%A1%9D) - [Team Project 리팩토링 회고록](https://velog.io/@sju4486/Project-Team-Project-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81-%ED%9A%8C%EA%B3%A0) +## 화면 구성 +![스크린샷, 2023-07-13 19-02-53](https://github.com/mrpumpkin98/Reused_client/assets/114569429/0022329b-ddd8-4908-961d-4b2f2c4ea233) + + ## 구현 기능 ### 원데이클래스 List Page (Service / Area Category) From 903f6b05ea118b80bc6b8971f9938f233d7f5309 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Thu, 13 Jul 2023 19:08:14 +0900 Subject: [PATCH 08/13] Update README.md --- README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index c3c75248d..d9fa20fee 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,6 @@ ## 기술 스택 `TypeScript`, `Next.js`, `React`, `GraphQL`, `React-Hooks`, `Emotion`, `Recoil` -

## FrontEnd 팀원 ### 신재욱 (FE) @@ -44,6 +43,10 @@ ![스크린샷, 2023-07-13 19-02-53](https://github.com/mrpumpkin98/Reused_client/assets/114569429/0022329b-ddd8-4908-961d-4b2f2c4ea233) +## ERD +![Untitled](https://github.com/mrpumpkin98/Reused_client/assets/114569429/c32c9ae3-987a-4301-8d34-97d4450241bc) + + ## 구현 기능 ### 원데이클래스 List Page (Service / Area Category) From a0a0ae5c23c22eb8a8b2d3e3d486b7fe0724e926 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Thu, 13 Jul 2023 19:14:33 +0900 Subject: [PATCH 09/13] Update README.md --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index d9fa20fee..10e230c9d 100644 --- a/README.md +++ b/README.md @@ -79,9 +79,13 @@ ![커뮤니티(작성)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/654de327-a292-43f6-b39a-63b13c0170ab) +
+ +![커뮤니티(수정)](https://github.com/code-bootcamp/holidays_client/assets/114569429/ca476e0e-548f-40f5-b92d-930467456414) - TOAST UI Editor 3.0 라이브러리를 사용했습니다. - 대표이미지 등록과 게시물작성시 필요한 이미지들을 자유롭게 등록할 수 있습니다. +- 작성한 제목과 내용은 게시물을 작성한 작성자만 수정이 가능합니다. - 댓글 작성과 수정 시 apolloClient에서 제공하는 기능인 refetchQueries를 사용해서 즉각적으로 반영되도록 구현했습니다.
From e8346e19eaa7125d50611b86f46c979a0b4ef668 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Thu, 13 Jul 2023 21:19:40 +0900 Subject: [PATCH 10/13] Update README.md --- README.md | 86 +++++++++++++++++++++++++++++-------------------------- 1 file changed, 45 insertions(+), 41 deletions(-) diff --git a/README.md b/README.md index 10e230c9d..176b20eb1 100644 --- a/README.md +++ b/README.md @@ -6,9 +6,22 @@ **HOLIDAYS** [https://happyholidays.site](https://happyholidays.site) +## Installation + +```bash + yarn install +``` + ## 기술 스택 `TypeScript`, `Next.js`, `React`, `GraphQL`, `React-Hooks`, `Emotion`, `Recoil` +| 기술 | 이유 | +| :------------------: | ---------------------------------------------------------------------------------------------------------------------------------------------- | +| React | 컴포넌트 기반 접근 방식을 통해 재사용할 수 있는 UI 요소를 구축할 수 있으며, 가상 DOM을 사용하여 효율적인 렌더링을 지원합니다. 이를 통해 웹 애플리케이션의 복잡성을 관리하고, 유지 보수를 용이하게 할 수 있기 때문에 선택하였습니다.| +| NEXT.JS | NEXT.JS는 리액트 기반의 프레임워크로, 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 라우팅 등의 기능을 통해 더 좋은 성능으로 개발할 수 있으며, 프로젝트를 확장하거나 유지 보수하기 쉽게 만들어 주기 때문에 선택했습니다. | +| TypeScript | 개발자가 의도한 변수나 함수 등의 목적을 더욱 명확하게 전달 가능하고 전달된 정보를 기반으로 코드 자동완성이나 잘못된 변수/함수 사용에 대한 에러 알림 같은 피드백을 받을 수 있게 되므로 순수 자바스크립트에 비해 생상성 향상할 수 있기 때문에 선택하였습니다. | +| React-Three-Fiber | React-Three-Fiber는 React의 상태 훅(useState, useEffect 등)을 활용하여 threeJS 요소의 속성과 동작을 관리할 수 있으며, 여러 기능을 쉽게 사용할 수 있도록 도와주는 라이브러리를 사용할 수 있기 때문에 선택했습니다. | +| GraphQL | GraphQL은 클라이언트가 원하는 응답 값을 받을 수 있기 때문에 이로 인해 네트워크 트래픽과 데이터 전송량을 최적화할 수 있어 효율성을 높일 수 있기 때문에 선택했습니다. | ## FrontEnd 팀원 ### 신재욱 (FE) @@ -24,20 +37,23 @@ - 노션 관리 ## 프로젝트 기록 -- [Team Project 1일차](https://velog.io/@sju4486/TIL-Team-Project-1%EC%9D%BC%EC%B0%A8) -- [Team Project 2일차](https://velog.io/@sju4486/TIL-Team-Project-2%EC%9D%BC%EC%B0%A8) -- [Team Project 3일차](https://velog.io/@sju4486/TIL-Team-Project-3%EC%9D%BC%EC%B0%A8) -- [Team Project 4일차](https://velog.io/@sju4486/TIL-Team-Project-4%EC%9D%BC%EC%B0%A8) -- [Team Project 5일차](https://velog.io/@sju4486/TIL-Team-Project-5%EC%9D%BC%EC%B0%A8) -- [Team Project 6일차](https://velog.io/@sju4486/TIL-Team-Project-6%EC%9D%BC%EC%B0%A8) -- [Team Project 7일차](https://velog.io/@sju4486/TIL-Team-Project-7%EC%9D%BC%EC%B0%A8) -- [Team Project 8일차](https://velog.io/@sju4486/TIL-Team-Project-8%EC%9D%BC%EC%B0%A8) -- [Team Project 9일차](https://velog.io/@sju4486/TIL-Team-Project-9%EC%9D%BC%EC%B0%A8) -- [Team Project 10일차](https://velog.io/@sju4486/TIL-Team-Project-10%EC%9D%BC%EC%B0%A8-yjod680s) -- [Team Project 11일차](https://velog.io/@sju4486/TIL-Team-Project-11%EC%9D%BC%EC%B0%A8) -- [Team Project 12일차](https://velog.io/@sju4486/TIL-Team-Project-12%EC%9D%BC%EC%B0%A8) -- [Team Project 회고록](https://velog.io/@sju4486/TIL-Team-Project-%ED%9A%8C%EA%B3%A0%EB%A1%9D) -- [Team Project 리팩토링 회고록](https://velog.io/@sju4486/Project-Team-Project-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81-%ED%9A%8C%EA%B3%A0) + +| 일차 | 블로그 링크 | +| :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | +| 1일차 | [Team Project 1일차](https://velog.io/@sju4486/TIL-Team-Project-1%EC%9D%BC%EC%B0%A8) | +| 2일차 | [Team Project 2일차](https://velog.io/@sju4486/TIL-Team-Project-2%EC%9D%BC%EC%B0%A8) | +| 3일차 | [Team Project 3일차](https://velog.io/@sju4486/TIL-Team-Project-3%EC%9D%BC%EC%B0%A8) | +| 4일차 | [Team Project 4일차](https://velog.io/@sju4486/TIL-Team-Project-4%EC%9D%BC%EC%B0%A8) | +| 5일차 | [Team Project 5일차](https://velog.io/@sju4486/TIL-Team-Project-5%EC%9D%BC%EC%B0%A8) | +| 6일차 | [Team Project 6일차](https://velog.io/@sju4486/TIL-Team-Project-6%EC%9D%BC%EC%B0%A8) | +| 7일차 | [Team Project 7일차](https://velog.io/@sju4486/TIL-Team-Project-7%EC%9D%BC%EC%B0%A8) | +| 8일차 | [Team Project 8일차](https://velog.io/@sju4486/TIL-Team-Project-8%EC%9D%BC%EC%B0%A8) | +| 9일차 | [Team Project 9일차](https://velog.io/@sju4486/TIL-Team-Project-9%EC%9D%BC%EC%B0%A8)| +| 10일차 | [Team Project 10일차](https://velog.io/@sju4486/TIL-Team-Project-10%EC%9D%BC%EC%B0%A8-yjod680s) | +| 11일차 | [Team Project 11일차](https://velog.io/@sju4486/TIL-Team-Project-11%EC%9D%BC%EC%B0%A8) | +| 12일차 | [Team Project 12일차](https://velog.io/@sju4486/TIL-Team-Project-12%EC%9D%BC%EC%B0%A8) | +| 회고록 | [Team Project 회고록](https://velog.io/@sju4486/TIL-Team-Project-%ED%9A%8C%EA%B3%A0%EB%A1%9D) | +| 리팩토링 회고록 | [Team Project 리팩토링 회고록](https://velog.io/@sju4486/Project-Team-Project-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81-%ED%9A%8C%EA%B3%A0) | ## 화면 구성 ![스크린샷, 2023-07-13 19-02-53](https://github.com/mrpumpkin98/Reused_client/assets/114569429/0022329b-ddd8-4908-961d-4b2f2c4ea233) @@ -51,15 +67,11 @@ ### 원데이클래스 List Page (Service / Area Category) -![클래스 리스트(서비스 카테고리)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/dab9e020-d6fc-4795-8535-f12c76f44d98) - -
- -![클래스 리스트(지 카테고리)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/77163812-208e-4401-9dcc-a29344cc0332) - -
- -![클래스 리스트(검색)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/6a673c74-3c10-4dff-b75d-92a3df1fc320) +| 페이지 | 영상 | +| :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | +| Service Category | ![클래스 리스트(서비스 카테고리)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/dab9e020-d6fc-4795-8535-f12c76f44d98) | +| Area Category | ![클래스 리스트(지 카테고리)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/77163812-208e-4401-9dcc-a29344cc0332) | +| Search | ![클래스 리스트(검색)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/6a673c74-3c10-4dff-b75d-92a3df1fc320)| - Recoil 상태 관리 라이브러리를 사용하여 상태를 저장 - 특정 카테고리 클릭 시, Recoil 상태에서 해당 카테고리와 일치하는 데이터를 불러옵니다. @@ -69,19 +81,12 @@ ### 커뮤니티 (List / Detail / Comment / Write) -![커뮤니티(디테일)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/04d04087-1574-47da-9b18-22791ad6a5fb) - -
- -![커뮤니티(댓글)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/5f790b2f-7c6e-4943-aa40-cb031400eae8) - -
- -![커뮤니티(작성)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/654de327-a292-43f6-b39a-63b13c0170ab) - -
- -![커뮤니티(수정)](https://github.com/code-bootcamp/holidays_client/assets/114569429/ca476e0e-548f-40f5-b92d-930467456414) +| 페이지 | 영상 | +| :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | +| Detail | ![커뮤니티(디테일)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/04d04087-1574-47da-9b18-22791ad6a5fb) | +| Comment | ![커뮤니티(댓글)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/5f790b2f-7c6e-4943-aa40-cb031400eae8) | +| Write | ![커뮤니티(작성)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/654de327-a292-43f6-b39a-63b13c0170ab)| +| Update | ![커뮤니티(수정)](https://github.com/code-bootcamp/holidays_client/assets/114569429/ca476e0e-548f-40f5-b92d-930467456414)| - TOAST UI Editor 3.0 라이브러리를 사용했습니다. - 대표이미지 등록과 게시물작성시 필요한 이미지들을 자유롭게 등록할 수 있습니다. @@ -93,11 +98,10 @@ ### 마이페이지 (Edit profile / View my page) -![마이페이지(회원정보 수정)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/2aa672ed-061f-46bd-96fd-3d84a48cad4b) - -
- -![마이페이지](https://github.com/mrpumpkin98/Reused_client/assets/114569429/69bbb872-d645-4562-a909-9574c2ba2eed) +| 페이지 | 영상 | +| :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | +| Edit profile | ![마이페이지(회원정보 수정)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/2aa672ed-061f-46bd-96fd-3d84a48cad4b)| +| List Page | ![마이페이지](https://github.com/mrpumpkin98/Reused_client/assets/114569429/69bbb872-d645-4562-a909-9574c2ba2eed) | - 회원정보 수정시 핸드폰 인증을 받고, 인증번호가 확인되면 닉네임을 수정할 수 있도록 구현했습니다. - 예약 승인 및 확인 조회: 마이페이지에서 예약에 대한 승인 상태나 확인 상태를 실시간으로 확인할 수 있습니다. From 0610de1a45819b5173de7ec2d114de9680c9ae54 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Fri, 14 Jul 2023 09:05:21 +0900 Subject: [PATCH 11/13] Update README.md --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 176b20eb1..ef034cb7b 100644 --- a/README.md +++ b/README.md @@ -20,7 +20,6 @@ | React | 컴포넌트 기반 접근 방식을 통해 재사용할 수 있는 UI 요소를 구축할 수 있으며, 가상 DOM을 사용하여 효율적인 렌더링을 지원합니다. 이를 통해 웹 애플리케이션의 복잡성을 관리하고, 유지 보수를 용이하게 할 수 있기 때문에 선택하였습니다.| | NEXT.JS | NEXT.JS는 리액트 기반의 프레임워크로, 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 라우팅 등의 기능을 통해 더 좋은 성능으로 개발할 수 있으며, 프로젝트를 확장하거나 유지 보수하기 쉽게 만들어 주기 때문에 선택했습니다. | | TypeScript | 개발자가 의도한 변수나 함수 등의 목적을 더욱 명확하게 전달 가능하고 전달된 정보를 기반으로 코드 자동완성이나 잘못된 변수/함수 사용에 대한 에러 알림 같은 피드백을 받을 수 있게 되므로 순수 자바스크립트에 비해 생상성 향상할 수 있기 때문에 선택하였습니다. | -| React-Three-Fiber | React-Three-Fiber는 React의 상태 훅(useState, useEffect 등)을 활용하여 threeJS 요소의 속성과 동작을 관리할 수 있으며, 여러 기능을 쉽게 사용할 수 있도록 도와주는 라이브러리를 사용할 수 있기 때문에 선택했습니다. | | GraphQL | GraphQL은 클라이언트가 원하는 응답 값을 받을 수 있기 때문에 이로 인해 네트워크 트래픽과 데이터 전송량을 최적화할 수 있어 효율성을 높일 수 있기 때문에 선택했습니다. | ## FrontEnd 팀원 From a20d17b40f7b497f3bbea93865311369b9ba9d56 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Sun, 20 Aug 2023 11:06:28 +0900 Subject: [PATCH 12/13] Update README.md --- README.md | 70 +++++++++++++++++++++++++++++++++++-------------------- 1 file changed, 45 insertions(+), 25 deletions(-) diff --git a/README.md b/README.md index ef034cb7b..336bf6f5a 100644 --- a/README.md +++ b/README.md @@ -1,41 +1,55 @@ -# 홀리데이즈 HOLIDAYS +## 🏖 홀리데이즈 프로젝트 소개 🗂 -점점 더 많은 사람들이 새로운 스킬을 배우고 개인적인 관심사를 탐구하기 위해 원데이클래스에 대한 수요가 증가하고 있습니다. 그러나 원데이클래스를 찾고 참여하기 위해서는 여러 가지 장벽이 존재하곤 합니다. HOLIDAYS는 이러한 장벽을 극복하고, 원데이클래스를 원하는 사람들에게 쉽게 접근 가능하고 매칭이 용이한 서비스를 제공하는 것을 목표로 합니다. +### 🏖 홀리데이즈는? +> 점점 더 많은 사람들이 새로운 스킬을 배우고 개인적인 관심사를 탐구하기 위해 원데이클래스에 대한 수요가 증가하고 있습니다. 그러나 원데이클래스를 찾고 참여하기 위해서는 여러 가지 장벽이 존재하곤 합니다. HOLIDAYS는 이러한 장벽을 극복하고, 원데이클래스를 원하는 사람들에게 쉽게 접근 가능하고 매칭이 용이한 서비스를 제공하는 것을 목표로 합니다. -## 배포 주소 +
-**HOLIDAYS** [https://happyholidays.site](https://happyholidays.site) +### 🚀 배포링크 + [https://happyholidays.site](https://happyholidays.site) -## Installation +
+ +### 🧑🏻‍💻 기술스택 + +- `Javascript`, `Typescript`, `React`, `Next.js` +- `Recoil`, `Axios`, `GraphQL` +- `Emotion` +- `AWS` + +
+ +### 🗓 개발 기간 & 일정 + +- 1차 : 2023.05 ~ 2023.06 +- 리팩토링 : 2023.06 ~ 2023.08 + +
+ +### 🔧 Installation ```bash yarn install ``` -## 기술 스택 - -`TypeScript`, `Next.js`, `React`, `GraphQL`, `React-Hooks`, `Emotion`, `Recoil` -| 기술 | 이유 | -| :------------------: | ---------------------------------------------------------------------------------------------------------------------------------------------- | -| React | 컴포넌트 기반 접근 방식을 통해 재사용할 수 있는 UI 요소를 구축할 수 있으며, 가상 DOM을 사용하여 효율적인 렌더링을 지원합니다. 이를 통해 웹 애플리케이션의 복잡성을 관리하고, 유지 보수를 용이하게 할 수 있기 때문에 선택하였습니다.| -| NEXT.JS | NEXT.JS는 리액트 기반의 프레임워크로, 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 라우팅 등의 기능을 통해 더 좋은 성능으로 개발할 수 있으며, 프로젝트를 확장하거나 유지 보수하기 쉽게 만들어 주기 때문에 선택했습니다. | -| TypeScript | 개발자가 의도한 변수나 함수 등의 목적을 더욱 명확하게 전달 가능하고 전달된 정보를 기반으로 코드 자동완성이나 잘못된 변수/함수 사용에 대한 에러 알림 같은 피드백을 받을 수 있게 되므로 순수 자바스크립트에 비해 생상성 향상할 수 있기 때문에 선택하였습니다. | -| GraphQL | GraphQL은 클라이언트가 원하는 응답 값을 받을 수 있기 때문에 이로 인해 네트워크 트래픽과 데이터 전송량을 최적화할 수 있어 효율성을 높일 수 있기 때문에 선택했습니다. | +
-## FrontEnd 팀원 -### 신재욱 (FE) +### 🧑‍🤝‍🧑 팀원 소개 +#### 신재욱 (FE) - 커뮤니티 페이지, 회원관리 페이지, 원데이클래스 페이지(리스트) - 레이아웃 제작 - Git 관리 -### 이중한 (FE) +#### 이중한 (FE) - 로그인 페이지, 결제 페이지, 랜딩페이지 - PWA 배포 -### 유시영 (FE) +#### 유시영 (FE) - 원데이클래스 페이지 - AWS 배포 - 노션 관리 -## 프로젝트 기록 +
+ +### 📌 프로젝트 기록 | 일차 | 블로그 링크 | | :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | @@ -54,17 +68,23 @@ | 회고록 | [Team Project 회고록](https://velog.io/@sju4486/TIL-Team-Project-%ED%9A%8C%EA%B3%A0%EB%A1%9D) | | 리팩토링 회고록 | [Team Project 리팩토링 회고록](https://velog.io/@sju4486/Project-Team-Project-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81-%ED%9A%8C%EA%B3%A0) | -## 화면 구성 +
+ +### 📝 화면 구성 ![스크린샷, 2023-07-13 19-02-53](https://github.com/mrpumpkin98/Reused_client/assets/114569429/0022329b-ddd8-4908-961d-4b2f2c4ea233) +
-## ERD +### 📈ERD ![Untitled](https://github.com/mrpumpkin98/Reused_client/assets/114569429/c32c9ae3-987a-4301-8d34-97d4450241bc) +
+ +### 🎨 페이지 및 기능 -## 구현 기능 +
-### 원데이클래스 List Page (Service / Area Category) +#### 원데이클래스 List Page (Service / Area Category) | 페이지 | 영상 | | :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | @@ -78,7 +98,7 @@

-### 커뮤니티 (List / Detail / Comment / Write) +#### 커뮤니티 (List / Detail / Comment / Write) | 페이지 | 영상 | | :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | @@ -95,7 +115,7 @@

-### 마이페이지 (Edit profile / View my page) +#### 마이페이지 (Edit profile / View my page) | 페이지 | 영상 | | :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | From 1e294bb6f548a6f188e288680fbef88e26aecc72 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=8B=A0=EC=9E=AC=EC=9A=B1?= <114569429+mrpumpkin98@users.noreply.github.com> Date: Tue, 22 Aug 2023 12:04:34 +0900 Subject: [PATCH 13/13] Update README.md --- README.md | 31 ++++++++++++++++++++----------- 1 file changed, 20 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 336bf6f5a..240f2fbad 100644 --- a/README.md +++ b/README.md @@ -85,6 +85,10 @@
#### 원데이클래스 List Page (Service / Area Category) +> - Recoil 상태 관리 라이브러리를 사용하여 상태를 저장 +> - 특정 카테고리 클릭 시, Recoil 상태에서 해당 카테고리와 일치하는 데이터를 불러옵니다. + +
| 페이지 | 영상 | | :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | @@ -92,13 +96,20 @@ | Area Category | ![클래스 리스트(지 카테고리)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/77163812-208e-4401-9dcc-a29344cc0332) | | Search | ![클래스 리스트(검색)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/6a673c74-3c10-4dff-b75d-92a3df1fc320)| -- Recoil 상태 관리 라이브러리를 사용하여 상태를 저장 -- 특정 카테고리 클릭 시, Recoil 상태에서 해당 카테고리와 일치하는 데이터를 불러옵니다.
+ +*** +
#### 커뮤니티 (List / Detail / Comment / Write) +> - TOAST UI Editor 3.0 라이브러리를 사용했습니다. +> - 대표이미지 등록과 게시물작성시 필요한 이미지들을 자유롭게 등록할 수 있습니다. +> - 작성한 제목과 내용은 게시물을 작성한 작성자만 수정이 가능합니다. +> - 댓글 작성과 수정 시 apolloClient에서 제공하는 기능인 refetchQueries를 사용해서 즉각적으로 반영되도록 구현했습니다. + +
| 페이지 | 영상 | | :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | @@ -107,21 +118,19 @@ | Write | ![커뮤니티(작성)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/654de327-a292-43f6-b39a-63b13c0170ab)| | Update | ![커뮤니티(수정)](https://github.com/code-bootcamp/holidays_client/assets/114569429/ca476e0e-548f-40f5-b92d-930467456414)| -- TOAST UI Editor 3.0 라이브러리를 사용했습니다. -- 대표이미지 등록과 게시물작성시 필요한 이미지들을 자유롭게 등록할 수 있습니다. -- 작성한 제목과 내용은 게시물을 작성한 작성자만 수정이 가능합니다. -- 댓글 작성과 수정 시 apolloClient에서 제공하는 기능인 refetchQueries를 사용해서 즉각적으로 반영되도록 구현했습니다. -
+ +*** +
#### 마이페이지 (Edit profile / View my page) +> - 회원정보 수정시 핸드폰 인증을 받고, 인증번호가 확인되면 닉네임을 수정할 수 있도록 구현했습니다. +> - 예약 승인 및 확인 조회: 마이페이지에서 예약에 대한 승인 상태나 확인 상태를 실시간으로 확인할 수 있습니다. + +
| 페이지 | 영상 | | :------------------: | ------------------------------------------------------------------------------------------------------------------------------------------- | | Edit profile | ![마이페이지(회원정보 수정)](https://github.com/mrpumpkin98/Reused_client/assets/114569429/2aa672ed-061f-46bd-96fd-3d84a48cad4b)| | List Page | ![마이페이지](https://github.com/mrpumpkin98/Reused_client/assets/114569429/69bbb872-d645-4562-a909-9574c2ba2eed) | - -- 회원정보 수정시 핸드폰 인증을 받고, 인증번호가 확인되면 닉네임을 수정할 수 있도록 구현했습니다. -- 예약 승인 및 확인 조회: 마이페이지에서 예약에 대한 승인 상태나 확인 상태를 실시간으로 확인할 수 있습니다. -