Merge branch 'main' of https://github.com/CSID-DGU/2024-2-OSSProj-Oso…

…ri-FE-01 into feature/CSID-DGU#6

docs/회의록.md

@@ -1,17 +1,18 @@
 # [Notion 회의록]
 
-| 차시 | 날짜      | 회의유형 | 참여자 | 서기  | 회의록 |
-| ------ | ------ | ------ | ------ | ------ | ------ | 
-| 1차 | 2024년 9월 23일  | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 최민 | https://www.notion.so/1-12db4ba0516b817c9781cb1513ef7775 |
-| 2차 | 2024년 9월 25일  | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 정예빈 | https://www.notion.so/2-12db4ba0516b81aca613df549f2ae93f |
-| 2.5차 | 2024년 9월 28일 | 임시 회의 | 이소은, 최민, 정지원, 정예빈 | x | https://www.notion.so/2-5-12db4ba0516b81198bacc42b2d655ed4 |
-| 3차 | 2024년 9월 30일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 이소은 | https://www.notion.so/3-12db4ba0516b81cebf4de50fce7a80c9 |
-| 4차 | 2024년 10월 2일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 정지원 | https://www.notion.so/4-12db4ba0516b81818a9ac9e70ede61ac |
-| 4.5차 | 2024년 10월 6일 | 임시 회의 | 이소은, 최민, 정지원, 정예빈 | x | https://www.notion.so/4-5-12db4ba0516b81f99348dba5cf262245 |
-| 5차 | 2024년 10월 6일 | 임시 회의 | 이소은, 최민, 정지원, 정예빈 | 최민 | https://www.notion.so/5-12db4ba0516b811eb401cc1adfbbd781 |
-| 6차 | 2024년 10월 9일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 정예빈 | https://www.notion.so/6-12db4ba0516b8141900cd613da96458c |
-| 7차 | 2024년 10월 14일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 이소은 | https://www.notion.so/7-12db4ba0516b8198b6edc271ceaffbff |
-| 7.5차 | 2024년 10월 15일 | 임시 회의 | 이소은, 최민, 정지원, 정예빈 | x | https://www.notion.so/7-5-12db4ba0516b815e83edde8e54e8bbd6 |
-| 8차 | 2024년 10월 16일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 이소은 | https://www.notion.so/8-12db4ba0516b81178342cc75df07750b |
-| 9차 | 2024년 10월 21일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 정지원 | https://www.notion.so/9-12db4ba0516b8164b602fd248747296b|
-| 10차 | 2024년 10월 23일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 최민 | https://www.notion.so/10-12db4ba0516b81d9a131f2c52ae5ee89|
+| 차시  | 날짜             | 회의유형  | 참여자                       | 서기   | 회의록                                                          |
+| ----- | ---------------- | --------- | ---------------------------- | ------ | --------------------------------------------------------------- |
+| 1차   | 2024년 9월 23일  | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 최민   | https://www.notion.so/1-12db4ba0516b817c9781cb1513ef7775        |
+| 2차   | 2024년 9월 25일  | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 정예빈 | https://www.notion.so/2-12db4ba0516b81aca613df549f2ae93f        |
+| 2.5차 | 2024년 9월 28일  | 임시 회의 | 이소은, 최민, 정지원, 정예빈 | x      | https://www.notion.so/2-5-12db4ba0516b81198bacc42b2d655ed4      |
+| 3차   | 2024년 9월 30일  | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 이소은 | https://www.notion.so/3-12db4ba0516b81cebf4de50fce7a80c9        |
+| 4차   | 2024년 10월 2일  | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 정지원 | https://www.notion.so/4-12db4ba0516b81818a9ac9e70ede61ac        |
+| 4.5차 | 2024년 10월 6일  | 임시 회의 | 이소은, 최민, 정지원, 정예빈 | x      | https://www.notion.so/4-5-12db4ba0516b81f99348dba5cf262245      |
+| 5차   | 2024년 10월 6일  | 임시 회의 | 이소은, 최민, 정지원, 정예빈 | 최민   | https://www.notion.so/5-12db4ba0516b811eb401cc1adfbbd781        |
+| 6차   | 2024년 10월 9일  | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 정예빈 | https://www.notion.so/6-12db4ba0516b8141900cd613da96458c        |
+| 7차   | 2024년 10월 14일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 이소은 | https://www.notion.so/7-12db4ba0516b8198b6edc271ceaffbff        |
+| 7.5차 | 2024년 10월 15일 | 임시 회의 | 이소은, 최민, 정지원, 정예빈 | x      | https://www.notion.so/7-5-12db4ba0516b815e83edde8e54e8bbd6      |
+| 8차   | 2024년 10월 16일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 이소은 | https://www.notion.so/8-12db4ba0516b81178342cc75df07750b        |
+| 9차   | 2024년 10월 21일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 정지원 | https://www.notion.so/9-12db4ba0516b8164b602fd248747296b        |
+| 10차  | 2024년 10월 23일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 최민   | https://www.notion.so/10-12db4ba0516b81d9a131f2c52ae5ee89       |
+| 11차  | 2024년 10월 28일 | 정기 회의 | 이소은, 최민, 정지원, 정예빈 | 정예빈 | https://www.notion.so/11-12db4ba0516b8071b0f8fcce55a7a442?pvs=4 |

server.js

@@ -29,6 +29,6 @@ const app = express()
 // )
 
 // Express 서버 시작
-app.listen(3000, () => {
-  console.log('Express 서버가 3000번 포트에서 실행 중입니다.')
+app.listen(3001, () => {
+  console.log('Express 서버가 3001번 포트에서 실행 중입니다.')
 })

src/components/LogoLoading.vue

@@ -18,7 +18,7 @@ export default {
   props: {
     duration: {
       type: Number,
-      default: 1000 // 1초 동안 로고 표시
+      default: 500 // 0.5초 동안 로고 표시
     }
   },
   setup(props, { emit }) {

src/views/login/mypage/MyAkoGoals.vue

@@ -0,0 +1,40 @@
+<!-- src/components/MyAkoGoals.vue -->
+<template>
+  <section class="mt-8">
+    <h2 class="mb-2 text-lg font-semibold font-nanum-square-round">
+      나의 아코자국들
+    </h2>
+    <ul v-if="goals.length > 0" class="space-y-3">
+      <li
+        v-for="(goal, index) in goals"
+        :key="index"
+        class="p-3 bg-white rounded-lg"
+      >
+        <p class="text-sm font-nanum-square-round">{{ goal.content }}</p>
+        <p class="text-xs text-gray-500">
+          {{ formatDate(goal.createdAt) }}
+        </p>
+      </li>
+    </ul>
+    <p v-else class="text-sm font-nanum-square-round">
+      아직 목표 기록이 없습니다.
+    </p>
+  </section>
+</template>
+
+<script>
+export default {
+  props: {
+    goals: {
+      type: Array,
+      required: true
+    },
+    formatDate: {
+      type: Function,
+      required: true
+    }
+  }
+}
+</script>
+
+<style scoped></style>

src/views/login/mypage/MypageScript.js

@@ -126,7 +126,28 @@ export async function updatePassword() {
   }
 }
 
-// 유저 프로필 수정 (추가적인 프로필 수정 함수가 필요하다면 여기에 작성)
-export async function updateProfile() {
-  // 프로필 수정 로직 작성
+// 유저 프로필 수정
+export async function updateProfile(profileData) {
+  const url = `${process.env.VUE_APP_BE_API_URL}/api/users/profile`
+  const options = {
+    method: 'PATCH',
+    headers: {
+      'Content-Type': 'application/json'
+      // 필요한 경우 인증 토큰 추가
+      // 'Authorization': `Bearer ${token}`,
+    },
+    body: JSON.stringify(profileData)
+  }
+
+  try {
+    const response = await fetch(url, options)
+    if (!response.ok) {
+      throw new Error('Network response was not ok')
+    }
+    const data = await response.json()
+    return data
+  } catch (error) {
+    console.error('There was a problem with the fetch operation:', error)
+    throw error
+  }
 }

src/views/login/mypage/MypageView.vue

@@ -16,21 +16,40 @@
             님의 <br />마이페이지
           </h1>
 
-          <h2 class="mb-2 text-lg font-semibold font-nanum-square-round">
-            나의 아코자국들
-          </h2>
-          <ul v-if="goals.length > 0" class="space-y-3">
+          <ul v-if="goals.length > 0" class="space-y-3 p-4 bg-white rounded-lg">
+            <h2
+              class="mb-2 text-lg font-semibold font-nanum-square-round"
+              style="margin-bottom: -50px"
+            >
+              나의 아코자국들
+            </h2>
             <li
               v-for="(goal, index) in goals"
               :key="index"
-              class="p-3 bg-white rounded-lg"
+              class="flex items-center justify-between"
             >
-              <p class="text-sm font-nanum-square-round">{{ goal.content }}</p>
-              <p class="text-xs text-gray-500">
-                {{ formatDate(goal.createdAt) }}
+              <!-- 날짜 부분: 주황색 정사각형 -->
+              <p
+                class="text-xxs font-nanum-square-round flex-shrink-0 mr-2 p-1 rounded-sm text-center"
+                style="
+                  background-color: #ff7f00;
+                  color: white;
+                  width: 30px;
+                  height: 30px;
+                "
+              >
+                {{ formatDate2(goal.createdAt) }}
+              </p>
+
+              <!-- 목표 내용 부분 -->
+              <p
+                class="text-sm font-nanum-square-round flex-grow text-left ml-3"
+              >
+                {{ goal.content }}
               </p>
             </li>
           </ul>
+
           <p v-else class="text-sm font-nanum-square-round">
             아직 목표 기록이 없습니다.
           </p>
@@ -235,6 +254,10 @@ const formatDate = (date) => {
   const options = { month: 'long', day: 'numeric' }
   return new Date(date).toLocaleDateString('ko-KR', options)
 }
-</script>
 
-<style scoped></style>
+// 날짜 형식 포맷
+const formatDate2 = (date) => {
+  const options = { month: '2-digit', day: '2-digit' } // 'MM.DD' 형식
+  return new Date(date).toLocaleDateString('ko-KR', options).replace(/\//g, '.')
+}
+</script>

tailwind.config.js

@@ -11,6 +11,9 @@ module.exports = {
       },
       colors: {
         customBg: '#FFF9F2'
+      },
+      fontSize: {
+        xxs: '0.625rem' // 10px
       }
     }
   },

vue.config.js

@@ -21,6 +21,7 @@ module.exports = defineConfig({
         changeOrigin: true, // 백엔드 서버의 도메인과 상관없이 요청을 보낼 수 있게 허용
         secure: false // HTTPS가 아니므로 설정 (필요한 경우 추가)
       }
-    }
+    },
+    port: 3000
   }
 })