Merge pull request #3 from hoqn/main

.

README.md

@@ -1,103 +1,124 @@
 <div align="center">
-	<h1>독후감을 작성하는 재미를 느끼며 
-   <br>독서만의 깊은 위로와 사유의 기회를 얻을 수 있게 하는 서비스, Readiary</h1>
-	<br>
-	<img src="./image/Readiary.png" width="300" height="300">
+  <!-- <img src="./image/Readiary.png" width="300" height="300"> -->
+  <img src="./image/ic.svg" width="92" height="92">
+  <h3>Readiary</h3>
+<!--   <p>독후감을 작성하는 재미를 느끼며 독서만의 깊은 위로와 사유의 기회를 얻을 수 있게 하는 서비스</p> -->
+  <p>질문과 이미지 생성을 통한 더 나은 독후활동, 그리고 나만의 독서 기록장</p>
+  <p>독서만의 깊은 위로와 사유의 폭을 넓혀보세요!</p>
+
+  <div>
+    <img src="https://img.shields.io/badge/Amazon%20AWS-232F3E?style=flat-square&logo=amazonaws&logoColor=white"/>
+    <img src="https://img.shields.io/badge/Python-3776AB?style=flat-square&logo=Python&logoColor=white"/>
+  </div>
+  <div>
+    <img src="https://img.shields.io/badge/java-007396?style=flat-square&logo=openjdk&logoColor=white"/>
+    <img src="https://img.shields.io/badge/Spring-6DB33F?style=flat-square&logo=Spring&logoColor=white"/>
+  </div>
+  <div>
+    <img src="https://img.shields.io/badge/Typescript-3178C6?style=flat-square&logo=Typescript&logoColor=white"/>
+    <img src="https://img.shields.io/badge/Next.js-000000?style=flat-square&logo=Next.js&logoColor=white"/>
+  </div>
 </div>
 
+> 서울시립대학교 2023년 2학기 컴퓨터과학종합설계
+> 
+> * **진행 기간**: 2023. 09. - 2023. 12.
+> 
+> * **Deployed at**: https://readiary.vercel.app
+> 
+> * **Source**
+>   * Backend: [relaxed-mind/book-diary](https://github.com/relaxed-mind/book-diary)
+>   * Frontend: [hoqn/readiary-fe](https://github.com/hoqn/readiary-fe)
+
 # 프로젝트 소개
 
-서비스 소개 <br/>
+### 기획 배경 및 기대 효과
+* 최근 대중들의 문해력 부족이 사회적으로 큰 화두로 떠올랐다. 이를 타개하기 위한 방법으로 독서 활동이 언급되고 있지만, 최근 국내 독서율 및 독서량은 지속적으로 낮아지고 있다.
+* 이에 ‘리더스’, ‘북모리’와 같은 서비스들이 제공되었으나 깊고 풍부한 독서 경험 제공에는 한계가 있다.
+* 매년 전자책 독서율은 증가하는 추세이며 출판 산업의 매출액은 7조 8000억 이상으로 파이가 큰 시장이다.
+* 이에 이번 프로젝트의 타겟층은 2~30대로 독후감을 작성하는 재미를 느끼며 독서에서만 얻을 수 있는 깊은 위로와 사유의 기회를 얻을 수 있도록 한다.
+* 이는 이미지 생성을 통한 시각화 전략과, 문답 전략을 통해 도서에 대한 깊이있는 고찰과 지속가능한 독서활동을 가능케할 것이라 기대한다.
 
-◇ 최근 대중들의 문해력 부족이 사회적으로 큰 화두로 떠올랐다. 이를 타개하기 위한 방법으로 독서 활동이 언급되고 있지만, 최근 국내 독서율 및 독서량은 지속적으로 낮아지고 있다.<br>
+# 핵심 기능
 
-◇ 이에 ‘리더스’, ‘북모리’와 같은 서비스들이 제공되었으나 깊고 풍부한 독서 경험 제공에는 한계가 있다.<br>
+1. 책을 검색할 수 있다.
 
-◇ 매년 전자책 독서율은 증가하는 추세이며 출판 산업의 매출액은 7조 8000억 이상으로 파이가 큰 시장이다.<br>
+  <img src="./image/bookSearch.png" width="200"/>
 
-◇ 이에 이번 프로젝트의 타겟층은 2~30대로 독후감을 작성하는 재미를 느끼며 독서에서만 얻을 수 있는 깊은 위로와 사유의 기회를 얻을 수 있도록 한다. <br>
+2. 나의 책장에 책을 등록할 수 있다.
 
-◇ 이는 이미지 생성을 통한 시각화 전략과, 문답 전략을 통해 도서에 대한 깊이있는 고찰과 지속가능한 독서활동을 가능케할 것이라 기대한다.<br>
+  <img src="./image/myBook.png" width="200">
 
+3. 책장 속의 책을 읽고 별점을 부여하거나 읽은 정도를 표시할 수 있다.
+
+  <img src="./image/specificBook.png" width="200"> 
 
-# 핵심 기능
+4. GPT 기술을 활용하여 실제 사람이 질문 한 것처럼 자연스러운 질문 생성 및 재생성이 가능하다.
 
-1. 책을 검색할 수 있다. <br>
-   <img src="./image/bookSearch.png" width="300"/> <br><br>
+  <img src="./image/questionAnswer.png" width="200">
 
-2. 나의 책장에 책을 등록할 수 있다. <br>
-   <img src="./image/myBook.png" width="300"> <br><br>
+5. 이미지 생성 역시 Diffusion 모델을 활용하여 문맥에 맞는 자연스러운 이미지 생성이 가능하다.
 
-3. 책장 속의 책을 읽고 별점을 부여하거나 읽은 정도를 표시할 수 있다. <br>
-   <img src="./image/specificBook.png" width="300"> <br><br> 
+  <img src="./image/scrapImage.png" width="200"> 
 
-4.  GPT 기술을 활용하여 실제 사람이 질문 한 것처럼 자연스러운 질문 생성 및 재생성이 가능하다. 
-   <img src="./image/questionAnswer.png" width="300"> <br><br> 
 
+# 프로젝트 아키텍처
 
-5. 이미지 생성 역시 Diffusion 모델을 활용하여 문맥에 맞는 자연스러운 이미지 생성이 가능하다.<br>
-   <img src="./image/scrapImage.png" width="300"> <br><br> 
+![](./image/capstone.drawio.png)
 
+* 프런트엔드 시스템, 백엔드 시스템, AI 서비스 시스템, 데이터베이스 시스템 등 여러 하위 시스템들을 통합하여 하나의 완전한 서비스를 구성. 위는 이를 모식적으로 나타낸 것이다.
+* 프론트엔드와 백엔드는 REST API를 사용하여 통신
+* AI는 서버리스 아키텍처로 구성
+* 백엔드와 AI는 API Gateway를 통해 통신
+* 도서관 정보나루와 백엔드가 API로 통신
 
 
-# 프로젝트 아키텍처
+# 팀원
 
-<br/>
-<img src="./image/capstone.drawio.png"/>
-◇ 프런트엔드 시스템, 백엔드 시스템, AI 서비스 시스템, 데이터베이스 시스템 등 여러 하위 시스템들을 통합하여 하나의 완전한 서비스를 구성. 위는 이를 모식적으로 나타낸 것이다. <br/>
+| AI | AI | Backend & Infra | Frontend |
+| :-: | :-: | :-: | :-: |
+| <img src="./image/ky.jpg" width="100"/> | <img src="https://github.com/bsu1313.png" width="100"> | <img src="./image/jinsu.jpeg" width="140"/> | <img src="https://github.com/hoqn.png" width="100"> |
+| [이경윤](https://github.com/Yooonlee) | [배세윤](https://github.com/bsu1313)<br/> | [이진수](https://github.com/Relaxed-Mind) | [전호균](https://github.com/hoqn)<br/> |
 
-◇ 프론트엔드와 백엔드는 REST API를 사용하여 통신 <br/>
+## 맡은 역할
 
-◇ AI는 서버리스 아키텍처로 구성 <br/>
+##### 공통
 
-◇ 백엔드와 AI는 API Gateway를 통해 통신 <br/>
+* 주제 선정
+* 매주 보고서 작성 및 ppt 제작
+* 유저 시나리오 작성
+* 논문 검토 및 수정
 
-◇ 도서관 정보나루와 백엔드가 API로 통신 <br/>
+##### 이진수
 
+* 팀장
+* 데이터베이스 설계
+* API 설계 및 제작
+* 백엔드 서버 배포
+* 데이터베이스 배포
+* 온라인 저장소 배포
 
-# 팀원
+##### 전호균
+
+* 사용자 인터페이스 설계
+* 프런트엔드 시스템 설계 및 개발
+* 프런트엔드 서버 배포
+
+##### 이경윤
+
+* 이미지 생성
+* 이미지 실험
+* 람다 배포
+
+##### 배세윤
+
+* 논문 초안 작성
+* 질문 생성
+* 질문 실험
+* 베포용 함수 제작
+
+# 한국정보과학회 논문
 
-| AI | AI | Backend & Infra | Frontend |
-| :-: | :-: | :-: | :-: |
-| <img src="./image/ky.jpg" width="100"/> | ![image]() | <img src="./image/jinsu.jpeg" width="140"/> | ![image]() |
-| [이경윤](https://github.com/Yooonlee)<br/> | [배세윤]()<br/> | [이진수](https://github.com/Relaxed-Mind)<br/> | [전호균]()<br/> |
-
- <br/>
-<br/>
-
-# 맡은 역할 <br/>
-
-◇공통 ㅣ<br/>
-주제 선정 <br/>
-매주 보고서 작성 및 ppt 제작 <br/>
-유저 시나리오 작성 <br/>
-논문 검토 및 수정 <br/>
-
-◇ 이진수 ㅣ <br/>
-팀장 <br/>
-데이터베이스 설계 <br/>
-API 설계 및 제작 <br/>
-백엔드 서버 배포 <br/>
-데이터베이스 배포 <br/>
-온라인 저장소 배포 <br/>
-
-◇ 전호균 | <br/>
-사용자 인터페이스 설계 <br/>
-프런트엔드 시스템 설계 및 개발 <br/>
-프런트엔드 서버 배포 <br/>
-
-◇ 이경윤 | <br/>
-이미지 생성 <br/>
-이미지 실험 <br/>
-람다 배포 <br/>
-
-◇ 배세윤 | <br/>
-논문 초안 작성 <br/>
-질문 생성 <br/>
-질문 실험 <br/>
-베포용 함수 제작 <br/>
-
-# 한국정보과학회 논문 
 <img src="./image/논문1.jpg" width="500"/>
 <img src="./image/논문2.jpg" width="500"/>
 <img src="./image/논문3.jpg" width="500"/>