♻️ [refactor] console.log, 주석 삭제

Author: seorang42

src/assets/styles.css

@@ -38,7 +38,7 @@ body {
 }
 
 .button-large {
-  @apply flex w-full py-3 font-bold border rounded items-center justify-center min-w-[138px];
+  @apply flex w-full py-3 font-semibold border rounded items-center justify-center min-w-[138px];
 }
 .button-large-default {
   @apply button-large bg-white text-disabled border-border-1 hover:bg-background-2;
@@ -51,7 +51,7 @@ body {
 }
 
 .button-medium {
-  @apply flex items-center justify-center rounded px-4 py-2 font-bold gap-1 text-xs cursor-pointer shrink-0 h-full max-h-[34px];
+  @apply flex items-center justify-center rounded px-4 py-2 font-semibold gap-1 text-xs cursor-pointer shrink-0 h-full max-h-[34px];
 }
 .button-medium-primary {
   @apply button-medium bg-primary1 text-white hover:bg-[#6869DE];
@@ -70,7 +70,7 @@ body {
 }
 
 .button-small {
-  @apply flex items-center gap-1 text-xs font-bold;
+  @apply flex items-center gap-1 text-xs font-semibold;
 }
 .button-small-primary {
   @apply text-primary1;
@@ -93,7 +93,7 @@ body {
   @apply flex flex-col gap-1 shrink-0;
 }
 .filter-title {
-  @apply text-[10px] font-bold text-body;
+  @apply text-[10px] font-semibold text-body;
 }
 .filter-dropdown {
   @apply flex justify-center items-center w-full h-8 px-2 border-b border-border-1 relative text-xs cursor-pointer;
@@ -110,7 +110,7 @@ body {
 }
 
 .task-detail {
-  @apply text-xs text-body font-bold mb-2;
+  @apply text-xs text-body font-semibold mb-2;
 }
 
 .request-task-dropdown {
@@ -131,7 +131,7 @@ body {
   @apply max-w-1200 min-h-screen flex flex-col gap-6;
 }
 .task-management-title {
-  @apply flex w-full h-8 pl-6 gap-6 items-center text-xs bg-background-2 text-body font-bold border-b border-b-border-1;
+  @apply flex w-full h-8 pl-6 gap-6 items-center text-xs bg-background-2 text-body font-semibold border-b border-b-border-1;
 }
 .category-management-line {
   @apply flex items-center px-4 w-full h-11 border-b border-b-border-1;

src/components/common/EditInformation.vue

@@ -26,20 +26,20 @@
     </ModalView>
 
     <div class="profile">
-      <p class="text-body text-xs font-bold">프로필 사진</p>
+      <p class="text-body text-xs font-semibold">프로필 사진</p>
       <ImageContainer
         class="mt-3"
         :url="previewUrl || info.profileImageUrl"
         :size="96" />
       <div class="flex gap-6">
         <label
           for="fileInput"
-          class="mt-3 text-xs text-primary1 font-bold cursor-pointer hover:underline"
+          class="mt-3 text-xs text-primary1 font-semibold cursor-pointer hover:underline"
           >변경</label
         >
         <label
           for="fileDelete"
-          class="mt-3 text-xs text-red-1 font-bold cursor-pointer hover:underline"
+          class="mt-3 text-xs text-red-1 font-semibold cursor-pointer hover:underline"
           >삭제</label
         >
       </div>
@@ -56,7 +56,7 @@
         class="hidden" />
     </div>
     <div class="flex flex-col relative">
-      <p class="text-body text-xs font-bold">이름</p>
+      <p class="text-body text-xs font-semibold">이름</p>
       <span class="absolute top-1 right-2 text-xs text-gray-500"> {{ name.length }} / 10 </span>
       <input
         :class="[
@@ -71,31 +71,31 @@
       <div class="mb-1">
         <span
           v-show="isInvalid || isFull"
-          class="absolute text-red-1 text-xs font-bold mt-1"
+          class="absolute text-red-1 text-xs font-semibold mt-1"
           >{{ nameError }}</span
         >
       </div>
     </div>
     <div class="flex flex-col">
-      <p class="text-body text-xs font-bold">아이디</p>
+      <p class="text-body text-xs font-semibold">아이디</p>
       <p class="mt-2">{{ info.nickname }}</p>
     </div>
     <div class="flex flex-col">
-      <p class="text-body text-xs font-bold">이메일</p>
+      <p class="text-body text-xs font-semibold">이메일</p>
       <p class="mt-2">{{ info.email }}</p>
     </div>
     <div class="flex flex-col">
-      <p class="text-body text-xs font-bold">부서</p>
+      <p class="text-body text-xs font-semibold">부서</p>
       <p class="mt-2">{{ info.departmentName }}</p>
     </div>
     <div
       v-if="info.departmentRole"
       class="flex flex-col">
-      <p class="text-body text-xs font-bold">직무</p>
+      <p class="text-body text-xs font-semibold">직무</p>
       <p class="mt-2">{{ info.departmentRole }}</p>
     </div>
     <div>
-      <p class="text-body text-xs font-bold">알림 수신 여부</p>
+      <p class="text-body text-xs font-semibold">알림 수신 여부</p>
       <div class="flex flex-col mt-2 gap-2">
         <FormCheckbox
           v-model="kakaoWorkCheck"
@@ -108,7 +108,7 @@
       </div>
     </div>
     <div>
-      <p class="text-body text-xs font-bold">비밀번호 재설정</p>
+      <p class="text-body text-xs font-semibold">비밀번호 재설정</p>
       <button
         type="button"
         class="button-medium-secondary mt-2"

src/components/common/FormCheckbox.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="text-xs font-bold">
+  <div class="text-xs font-semibold">
     <p class="text-body mb-2">{{ labelName }}</p>
     <div
       @click="!isDisabled && updateValue()"

src/components/common/ModalView.vue

@@ -22,13 +22,13 @@
 
             <div
               v-if="$slots.header"
-              class="flex text-2xl font-bold justify-center whitespace-pre-wrap text-center">
+              class="flex text-2xl font-semibold justify-center whitespace-pre-wrap text-center">
               <slot name="header"></slot>
             </div>
 
             <div
               v-if="type != 'inputType' && $slots.header"
-              class="flex text-sm font-bold text-body justify-center whitespace-pre-wrap text-center">
+              class="flex text-sm font-semibold text-body justify-center whitespace-pre-wrap text-center">
               <slot name="body"></slot>
             </div>
           </div>

src/components/common/TaskCard.vue

@@ -19,16 +19,16 @@
       <span class="text-xs text-body">{{ data.mainCategoryName }} - {{ data.categoryName }}</span>
     </div>
     <div class="flex justify-between items-end">
-      <span class="text-xs font-bold whitespace-nowrap overflow-hidden text-ellipsis">
+      <span class="text-xs font-semibold whitespace-nowrap overflow-hidden text-ellipsis">
         {{ data.taskCode }}
       </span>
       <div class="flex flex-col gap-1 items-end">
-        <span class="text-xs font-bold text-body">{{ data.requesterDepartment }}</span>
+        <span class="text-xs font-semibold text-body">{{ data.requesterDepartment }}</span>
         <div class="flex items-center gap-1.5">
           <ImageContainer
             :url="data.requesterImageUrl"
             :size="16" />
-          <span class="text-xs font-bold">{{ data.requesterNickname }}</span>
+          <span class="text-xs font-semibold">{{ data.requesterNickname }}</span>
         </div>
       </div>
     </div>

src/components/common/TaskLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <span
-    class="px-2 py-0.5 text-[10px] font-bold border-2 rounded-full whitespace-nowrap"
+    class="px-2 py-0.5 text-[10px] font-semibold border-2 rounded-full whitespace-nowrap"
     :style="{ borderColor, backgroundColor }">
     {{ content }}
   </span>

src/components/common/TaskStatus.vue

@@ -3,7 +3,7 @@
     class="flex px-3 py-1 rounded-full"
     :class="bgColor">
     <span
-      class="text-xs font-bold"
+      class="text-xs font-semibold"
       :class="textColor">
       {{ statusAsText(status) }}
     </span>

src/components/common/TitleBar.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex justify-between items-center px-6 py-3 border-l-8 border-primary1">
-    <span class="text-2xl font-bold">{{ title }}</span>
+    <span class="text-2xl font-semibold">{{ title }}</span>
     <div
       v-if="$slots.button"
       class="flex gap-2">

src/components/common/TitleContainer.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col gap-2 items-center">
-    <span class="text-4xl font-bold whitespace-pre-wrap text-center leading-tight">
+    <span class="text-4xl font-semibold whitespace-pre-wrap text-center leading-tight">
       {{ title }}
     </span>
     <span class="whitespace-pre-wrap text-body text-center">{{ content }}</span>

src/components/filters/FilterCategory.vue

@@ -20,7 +20,7 @@
             :key="category.mainCategoryId"
             :class="
               (main as number[]).includes(category.mainCategoryId)
-                ? 'bg-primary1 text-white font-bold'
+                ? 'bg-primary1 text-white font-semibold'
                 : 'hover:bg-background-2'
             "
             @click="() => onMainClick(category)">
@@ -50,7 +50,7 @@
             :key="category.name">
             <div class="w-full flex items-center gap-2">
               <div class="h-[1px] grow bg-border-2" />
-              <span class="text-[10px] font-bold text-disabled">
+              <span class="text-[10px] font-semibold text-disabled">
                 {{ category.name }}
               </span>
               <div class="h-[1px] grow bg-border-2" />
@@ -61,7 +61,7 @@
               :key="subCategory.subCategoryId"
               :class="
                 (sub as number[]).includes(subCategory.subCategoryId)
-                  ? 'bg-primary1 text-white font-bold'
+                  ? 'bg-primary1 text-white font-semibold'
                   : 'hover:bg-background-2'
               "
               @click="() => onSubClick(subCategory.subCategoryId)">