Merge pull request #22 from reading-log/feature/mylog

Feature/mylog

src/apis/myLogApi.ts

@@ -0,0 +1,43 @@
+import axios from 'axios'
+
+/* 나의로그 페이지 - 등록한 책 목록 */
+export const onBookList = async () => {
+  const response = await axios.get('/api/books') // api 미완성
+  return response.data
+}
+
+/* 기록 상세 페이지 - 책 상세 정보 */
+export const onBookDetail = async (bookId: number) => {
+  const response = await axios.get(`/api/books/${bookId}`) // api 미완성
+  return response.data
+}
+
+/* 기록 상세 페이지 - 독서 기록 목록 조회 */
+export const onRecordList = async (bookId: number) => {
+  const response = await axios.get(`/api/records/${bookId}`)
+  return response.data
+}
+
+/* 기록 상세 페이지 - 한 줄 평 */
+export const onOneLine = async (bookId: number) => {
+  const response = await axios.get(`/api/summaries/${bookId}/me`)
+  const { data } = response.data
+  const oneLine = data.content
+  return oneLine
+}
+
+/* 기록 상세 페이지 - 하이라이트 */
+export const onHighlight = async (bookId: number) => {
+  const response = await axios.get(`/api/highlights/${bookId}/me`)
+  const { data } = response.data
+  const highlightList = data.content
+  return highlightList
+}
+
+/* 기록 상세 페이지 - 서평 */
+export const onReview = async (bookId: number) => {
+  const response = await axios.get(`/api/reviews/${bookId}/me`)
+  const { data } = response.data
+  const reviewList = data.content
+  return reviewList
+}

src/components/Sample/CategorySample.tsx

@@ -1,20 +1,19 @@
-const categories: string[] = [
-  '전체',
-  '추리',
-  '교육',
-  '자기계발',
-  '소설',
-  '공포',
-  'SF',
-  '무협',
-  '게임',
-  '로맨스',
-  '시,수필,에세이',
-  '역사, 인문학',
-  '취미,레저, 건강',
-  '철학, 예술, 종교',
-  '정치, 사회과학',
-  '기타',
+const categories = [
+  { name: '추리', categoryId: 1 },
+  { name: '교육', categoryId: 2 },
+  { name: '자기계발', categoryId: 3 },
+  { name: '소설', categoryId: 4 },
+  { name: '공포', categoryId: 5 },
+  { name: 'SF', categoryId: 6 },
+  { name: '무협', categoryId: 7 },
+  { name: '게임', categoryId: 8 },
+  { name: '로맨스', categoryId: 9 },
+  { name: '시,수필,에세이', categoryId: 10 },
+  { name: '역사, 인문학', categoryId: 11 },
+  { name: '취미,레저, 건강', categoryId: 12 },
+  { name: '철학, 예술, 종교', categoryId: 13 },
+  { name: '정치, 사회과학', categoryId: 14 },
+  { name: '기타', categoryId: 15 },
 ]
 
 export default categories

src/components/Sample/FeedSample.tsx

@@ -7,165 +7,188 @@ const feedSamples = [
     title: '생활코딩! React 리액트 프로그래밍',
     nickname: '초코',
     date: '2023-07-25',
+    like: 7,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '교육',
     title: '실전! 스프링 부트와 리액트로 시작하는 모던 웹 애플리케이션 개발',
     nickname: '바나나',
     date: '2024-01-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '교육',
-    title: '전! 스프링 부트와 리액트로 시작하는 모던 웹 애플리케이션 개발 ',
+    title: '실전! 스프링 부트와 리액트로 시작하는 모던 웹 애플리케이션 개발 ',
     nickname: '딸기우유',
     date: '2024-02-07',
-    oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
+    like: 0,
+    oneLine: '어릴적 순수한 마음을 다시 가질수 있도록 미지의 사막 한 가운데 어린왕자를 만나다.',
   },
   {
     category: '교육',
     title: '프로 리액트',
     nickname: '안녕하세요',
     date: '2022-04-15',
+    like: 4,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '자기계발',
     title: '취업과 이직을 위한 프로그래머스 코딩 테스트 문제 풀이 전략 : 자바 편',
     nickname: '호이쨔아아아',
-    date: '2022-04-15',
+    date: '2022-04-25',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '자기계발',
     title: '나는 나의 스무 살을 가장 존중한다',
     nickname: '언제나함께라면',
     date: '2022-04-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '자기계발',
     title: '세이노의 가르침',
     nickname: '프로바이오유산균',
     date: '2022-04-15',
+    like: 15,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '자기계발',
     title: '데일 카네기 자기관리론(국내최초 초판 무삭제 완역본)',
     nickname: '프론트백엔드개발자',
     date: '2022-04-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '교육',
     title: '2024 이기적 정보처리기사 실기 핵심 600제 + 프로그래밍 언어',
     nickname: '굿모닝우유와함께한잔',
     date: '2022-04-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '교육',
     title: 'GPT-4, ChatGPT, 라마인덱스, 랭체인을 활용한 인공지능 프로그래밍',
     nickname: '아메리카노헤이즐넛맛추',
     date: '2022-04-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '교육',
     title: '멀티플레이어 게임 프로그래밍',
     nickname: '가나다라마바사아자차카타',
     date: '2022-04-15',
+    like: 10,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '소설',
     title: '해리 포터와 아즈카반의 죄수 (미나리마 에디션)',
     nickname: '가나다라마바사아자차카타파',
     date: '2022-04-15',
+    like: 1,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '소설',
     title: '해리 포터 : 마법사의 돌 (양장)',
     nickname: '가나다라마바사아자차카타파하닉네임',
     date: '2022-04-15',
+    like: 2,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '추리',
     title: '블랙 쇼맨과 운명의 바퀴',
     nickname: 'huma',
     date: '2022-04-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '추리',
     title: '금단의 마술',
     nickname: 'pumkin',
     date: '2022-04-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '추리',
     title: '눈에 갇힌 외딴 산장에서',
     nickname: 'gugu',
     date: '2022-04-15',
+    like: 5,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '소설',
     title: '해리 포터 : 마법사의 돌 (양장)',
     nickname: 'banana',
     date: '2022-04-15',
+    like: 3,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '소설',
     title: '해리 포터 : 마법사의 돌 (양장)',
     nickname: '하2루',
     date: '2022-04-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '소설',
     title: '해리 포터 : 마법사의 돌 (양장)',
     nickname: '4U',
     date: '2022-04-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '소설',
     title: '해리 포터 : 마법사의 돌 (양장)',
     nickname: '가나다라마바사아자차카타파하닉네임',
     date: '2022-04-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '소설',
     title: '해리 포터 : 마법사의 돌 (양장)',
     nickname: '가나다라마바사아자차카타파하닉네임',
     date: '2022-05-09',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '소설',
     title: '해리 포터 : 마법사의 돌 (양장)',
     nickname: '가나다라마바사아자차카타파하닉네임',
     date: '2023-01-10',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
   {
     category: '소설',
     title: '해리 포터 : 마법사의 돌 (양장)',
     nickname: '끝2',
     date: '2022-04-15',
+    like: 0,
     oneLine: '한 줄 평이 여기에 표시됩니다. 한 줄 평이 여기에 표시됩니다.',
   },
 ]
 
-const duplicationCount = 10 // 복사할 횟수
+const duplicationCount = 100 // 복사할 횟수
 const originalLength = feedSamples.length // feed 항목 개수
 const extendedLength = originalLength * duplicationCount // 늘릴 배열 길이 계산
 
@@ -181,14 +204,10 @@ for (let i = 0; i < extendedLength; i++) {
     author: '나카네쓰아키지음, 황미숙 옮김',
     publisher: '민음사',
     profileImg: profileImg,
-    like: 0,
     highlight: [
-      [
-        { content: '좋은 사회에서 나온 척도라도 모든 사회 발전을 이끌 수는 없다. 이것 또는 저것을 아주 택할 게 아니라, 사안에 따라 이것과 저것을 두루 택해야 한다.' },
-        { content: '좋은 사회에서 나온 척도라도 모든 사회 발전을 이끌 수는 없다. 이것 또는 저것을 아주 택할 게 아니라, 사안에 따라 이것과 저것을 두루 택해야 한다.' },
-        { content: '좋은 사회에서 나온 척도라도 모든 사회 발전을 이끌 수는 없다. 이것 또는 저것을 아주 택할 게 아니라, 사안에 따라 이것과 저것을 두루 택해야 한다.' },
-      ],
-      { page: 287 },
+      { page: 287, content: '좋은 사회에서 나온 척도라도 모든 사회 발전을 이끌 수는 없다. 이것 또는 저것을 아주 택할 게 아니라, 사안에 따라 이것과 저것을 두루 택해야 한다.' },
+      { page: 287, content: '좋은 사회에서 나온 척도라도 모든 사회 발전을 이끌 수는 없다. 이것 또는 저것을 아주 택할 게 아니라, 사안에 따라 이것과 저것을 두루 택해야 한다.' },
+      { page: 287, content: '좋은 사회에서 나온 척도라도 모든 사회 발전을 이끌 수는 없다. 이것 또는 저것을 아주 택할 게 아니라, 사안에 따라 이것과 저것을 두루 택해야 한다.' },
     ],
     review:
       '서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자이내서평은1000자',