[Refactor] 불필요한 console.log 코드 제거 및 Error 방식 통일 및 README 파일 일부 수정

README.md

@@ -88,6 +88,7 @@ URL: https://sp4-team16-rolling.netlify.app
   - 단위(px->rem) refactoring 진행
   - Size, Color, Font, Option 등 상수화 작업 및 적용
   - 일부 수치조정 과정에서 발생하는 디자인 오류 수정 및 개선
+  - 코드 스타일링: 불필요한 코드 제거 및 error 반환 방식 통일
 - 팀 repository 생성 및 issues, label 등 초기 세팅 설정
   - issues 항목 설정
   - label 카테고리 생성

src/components/EditMessage/EditMessage.jsx

@@ -12,13 +12,15 @@ const FormContainer = styled.div`
 
 function EditMessage() {
   const [buttonDisabled, setButtonDisabled] = useState(true);
-  console.log(buttonDisabled);
 
   return (
     <div>
       <Header />
       <FormContainer>
-        <EditForm isBtnDisabled={(isContent) => setButtonDisabled(isContent)} />
+        <EditForm
+          isBtnDisabled={(isContent) => setButtonDisabled(isContent)}
+          disabled={buttonDisabled}
+        />
       </FormContainer>
     </div>
   );

src/components/WritingMessage/WritingForm.jsx

@@ -273,7 +273,6 @@ function WritingForm({ isBtnDisabled }) {
               content: contents,
               font: fonts,
             };
-            console.log(data);
             const response = await submitMessagePost(recipientID, data);
             return response.recipientId;
           }}

src/components/WritingMessage/WritingMessage.jsx

@@ -12,14 +12,14 @@ const FormContainer = styled.div`
 
 function WritingMessage() {
   const [buttonDisabled, setButtonDisabled] = useState(true);
-  console.log(buttonDisabled);
 
   return (
     <div>
       <Header />
       <FormContainer>
         <WritingForm
           isBtnDisabled={(isContent) => setButtonDisabled(isContent)}
+          disabled={buttonDisabled}
         />
       </FormContainer>
     </div>

src/components/list/RecipientCard.jsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
+
 import styled, { css } from 'styled-components';
 import WrittenByIcons from '../post/subheader/WrittenByIcons';
 import { getAllMessages } from '../../api/GetApi';
@@ -22,7 +23,7 @@ function RecipientCard({ recipient }) {
         const result = await getAllMessages(recipient.id);
         setMessages(result.results);
       } catch (error) {
-        console.error('메시지를 불러오는데 실패했습니다:', error);
+        throw new Error('메시지를 불러오는데 실패했습니다:', error);
       }
     };
 

src/components/post/subheader/EmojiDropDown.jsx

@@ -127,7 +127,7 @@ function EmojiDropDown() {
       }));
       setBadges(data);
     } catch (error) {
-      console.error('Failed to fetch data', error);
+      throw new Error('Failed to fetch data', error);
     }
   };
 

src/pages/List.js

@@ -34,7 +34,7 @@ function List() {
         setPopularRecipients(sortedByPopularity);
         setRecentRecipients(sortedByRecent);
       } catch (error) {
-        console.error('롤링페이퍼를 불러오지 못했습니다.', error);
+        throw new Error('롤링페이퍼를 불러오지 못했습니다.', error);
       }
     };
 

src/pages/PostId.jsx

@@ -71,7 +71,7 @@ function PostId() {
       const result = await getRecipientData(id);
       setData(result);
     } catch (error) {
-      // console.error(error);
+      throw new Error('데이터를 불러오지 못했습니다.', error);
     }
   };