fix: 일부코드정리

doc/미완료.md

@@ -36,6 +36,19 @@ https://www.figma.com/design/MnwN1Uzg5F6ks9Clr1brLW/%EB%94%94%EC%9E%90%EC%9D%B80
 
 ---
 
+# 전체검수 결과 (2026-06-25)
+
+이전 세션(어제) 작업물을 전체 점검함. 6개 섹션 모두 마크업/스타일/JS 반영되어 있고 `npm run build` 통과 확인.
+
+발견해서 바로 고친 것:
+- **포맷 불일치** — "포맷 완료"로 기록돼 있었지만 실제로는 7개 파일이 Prettier 규칙(CRLF 줄바꿈)을 안 지키고 있었음. `npm run format`으로 재정리.
+- **PROJECT 카드 날짜 표시** — Figma 새 디자인엔 날짜가 없는데 `project__date`(예: "2023.12")가 마크업/CSS에 남아있던 걸 발견. 사용자 확인 후 전부 제거(`project__meta` 래퍼도 함께 정리, `_project.scss`의 `.project__meta`/`.project__date` 규칙 삭제).
+- **안 쓰는 파일 정리** — `history-2.jpg`, `history-3.jpg`(미참조), `pnpm-lock.yaml`, `pnpm-workspace.yaml`(npm 단일 워크플로우와 혼용되던 흔적, CI는 `npm ci`만 사용) 삭제. 사용자 확인 후 진행.
+
+검수 후에도 남아있는 미해결 항목은 아래 그대로.
+
+---
+
 # 미완료 / 확인 필요 항목 (위에서부터 확인)
 
 추측해서 임의로 채운 값이 아니라, 실제로 막힌 지점만 기록한다. 아래 항목들은 자산(이미지/폰트) 전달이나 사용자 결정이 필요해서 남아있다.

pnpm-workspace.yaml

@@ -1,9 +0,0 @@
-allowBuilds:
-  '@parcel/watcher': true
-  cwebp-bin: true
-  esbuild: true
-  gifsicle: true
-  jpegtran-bin: true
-  mozjpeg: true
-  optipng-bin: true
-  pngquant-bin: true

src/index.html

@@ -67,6 +67,8 @@
 
       <!-- 02. ABOUT US -->
       <section id="about" class="about">
+        <div class="about__bg" aria-hidden="true"></div>
+
         <div class="about__inner">
           <div class="about__head">
             <h2 class="sectionTitle">ABOUT US</h2>
@@ -318,10 +320,7 @@
                 <img class="project__thumbImg" src="images/project-1.jpg" alt="신한유니버설앱 구축" />
               </div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">신한유니버설앱 구축</h3>
-                  <span class="project__date">2023.12</span>
-                </div>
                 <p class="project__company">신한은행</p>
                 <div class="project__stack">
                   <span class="project__tag">vue</span>
@@ -336,10 +335,7 @@
                 <img class="project__thumbImg" src="images/project-2.jpg" alt="SK그룹 공식앱 내부 모바일" />
               </div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">SK그룹 공식앱 내부 모바일</h3>
-                  <span class="project__date">2023.12</span>
-                </div>
                 <p class="project__company">SK그룹</p>
                 <div class="project__stack">
                   <span class="project__tag">vue</span>
@@ -353,10 +349,7 @@
                 <img class="project__thumbImg" src="images/project-3.jpg" alt="PNS네트웍스 디지털 플랫폼 구축" />
               </div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">PNS네트웍스 디지털 플랫폼 구축</h3>
-                  <span class="project__date">2023.04</span>
-                </div>
                 <p class="project__company">PNS 네트웍스</p>
                 <div class="project__stack">
                   <span class="project__tag">react</span>
@@ -370,10 +363,7 @@
                 <img class="project__thumbImg" src="images/project-4.jpg" alt="롯데렌터카 차세대" />
               </div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">롯데렌터카 차세대</h3>
-                  <span class="project__date">2022.05</span>
-                </div>
                 <p class="project__company">롯데</p>
                 <div class="project__stack">
                   <span class="project__tag">vue</span>
@@ -386,10 +376,7 @@
                 <img class="project__thumbImg" src="images/project-5.jpg" alt="오뚜기 쇼핑몰 구축" />
               </div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">오뚜기 쇼핑몰 구축</h3>
-                  <span class="project__date">2022.07</span>
-                </div>
                 <p class="project__company">오뚜기</p>
                 <div class="project__stack">
                   <span class="project__tag">vue</span>
@@ -404,10 +391,7 @@
                 <img class="project__thumbImg" src="images/project-6.jpg" alt="캐나다구스 구축" />
               </div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">캐나다구스 구축</h3>
-                  <span class="project__date">2022.05</span>
-                </div>
                 <p class="project__company">캐나다구스 코리아</p>
                 <div class="project__stack">
                   <span class="project__tag">html5</span>
@@ -421,10 +405,7 @@
                 <img class="project__thumbImg" src="images/project-7.jpg" alt="한옥홈페이지 서버 이관" />
               </div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">한옥홈페이지 서버 이관</h3>
-                  <span class="project__date">2022.11</span>
-                </div>
                 <p class="project__company">더한옥</p>
                 <div class="project__stack">
                   <span class="project__tag">vue</span>
@@ -440,10 +421,7 @@
                 <img class="project__thumbImg" src="images/project-8.jpg" alt="그린카 차세대" />
               </div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">그린카 차세대</h3>
-                  <span class="project__date">2022.11</span>
-                </div>
                 <p class="project__company">그린카</p>
                 <div class="project__stack">
                   <span class="project__tag">html5</span>
@@ -457,10 +435,7 @@
             <article class="project__card">
               <div class="project__thumb project__thumbEmpty"></div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">프로스펙스 구축</h3>
-                  <span class="project__date">2021.01</span>
-                </div>
                 <p class="project__company">(주)LS네트웍스</p>
                 <div class="project__stack">
                   <span class="project__tag">react</span>
@@ -472,10 +447,7 @@
             <article class="project__card">
               <div class="project__thumb project__thumbEmpty"></div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">중소기업창업</h3>
-                  <span class="project__date">2021.11</span>
-                </div>
                 <p class="project__company">중소벤처기업부</p>
                 <div class="project__stack">
                   <span class="project__tag">html5</span>
@@ -487,10 +459,7 @@
             <article class="project__card">
               <div class="project__thumb project__thumbEmpty"></div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">롯데 GA2ck 구축 프로젝트 (롯데 렌터카)</h3>
-                  <span class="project__date">2021.11</span>
-                </div>
                 <p class="project__company">롯데</p>
                 <div class="project__stack">
                   <span class="project__tag">html5</span>
@@ -503,14 +472,11 @@
             <article class="project__card">
               <div class="project__thumb project__thumbEmpty"></div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">
                     (주)국민은행_KB국민은행
                     <br />
                     리브 Reboot One 구축, 프론트개발
                   </h3>
-                  <span class="project__date">2021.10</span>
-                </div>
                 <p class="project__company">국민은행</p>
                 <div class="project__stack">
                   <span class="project__tag">vue</span>
@@ -523,10 +489,7 @@
             <article class="project__card">
               <div class="project__thumb project__thumbEmpty"></div>
               <div class="project__info">
-                <div class="project__meta">
                 <h3 class="project__name">코나아이 PC</h3>
-                  <span class="project__date">2021.01</span>
-                </div>
                 <p class="project__company">코나아이</p>
                 <div class="project__stack">
                   <span class="project__tag">html5</span>

src/js/introAnimation.js

@@ -1,8 +1,8 @@
 import { gsap } from "gsap";
 
 export function initIntroAnimation() {
-  gsap.set(".intro__bg", { opacity: 0 });
-  gsap.to(".intro__bg", { opacity: 0.2, duration: 2, ease: "power1.out" });
+  // gsap.set(".intro__bg", { opacity: 0 });
+  // gsap.to(".intro__bg", { opacity: 0.2, duration: 2, ease: "power1.out" });
 
   // 텍스트 순차 등장
   gsap.set([".intro__sub", ".intro__title"], { opacity: 0, y: 30 });

src/scss/base/_variable.scss

@@ -11,7 +11,7 @@ $color-gray: #999;
 $기본글꼴: "SUIT Variable", "SUIT", sans-serif;
 $font-serif: "DM Serif Display", serif;
 
-$gnb-height: 80px;
+$gnb-height: 60px;
 $gnb-height-mo: 60px;
 
 $bp-mo: 768px;

src/scss/index.scss

@@ -28,7 +28,7 @@
 
 .scrollDown {
   position: absolute;
-  bottom: 40px;
+  bottom: 80px;
   left: 50%;
   transform: translateX(-50%);
   width: 72px;

src/scss/page/_about.scss

@@ -3,15 +3,27 @@
 
 // About + Expertise
 .about {
+  position: relative;
   min-height: 100vh;
   background: $color-bg;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: clamp(80px, 6.25vw, 120px) clamp(24px, 6.25vw, 120px);
+  overflow: hidden;
+}
+
+.about__bg {
+  position: absolute;
+  inset: 0;
+  background: url("../../images/unsplash_Cq5NaI0yKBE.png") center / cover no-repeat;
+  // opacity: 0.2;
+  pointer-events: none;
 }
 
 .about__inner {
+  position: relative;
+  z-index: 1;
   display: flex;
   flex-direction: column;
   gap: clamp(60px, 10.4vw, 200px);
@@ -286,5 +298,4 @@
     flex-direction: column;
     gap: 6px;
   }
-
 }

src/scss/page/_gnb.scss

@@ -7,13 +7,12 @@
   top: 0;
   left: 0;
   width: 100%;
-  height: $gnb-height;
   z-index: 100;
   transition: background 0.4s;
 
   &.isScrolled {
-    background: rgba($color-bg, 0.92);
-    backdrop-filter: blur(12px);
+    // background: rgba($color-bg, 0.92);
+    // backdrop-filter: blur(12px);
   }
 }
 
@@ -21,8 +20,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  height: 100%;
-  padding: 0 48px;
+  padding: 80px clamp(24px, 5.2vw, 100px);
 }
 
 .gnb__logo {
@@ -31,7 +29,7 @@
 }
 
 .gnb__logoImg {
-  width: 90px;
+  width: 126px;
   height: auto;
   object-fit: unset;
 }
@@ -43,6 +41,7 @@
 .gnb__navList {
   display: flex;
   align-items: center;
+  gap: 12px;
 }
 
 .gnb__navItem {
@@ -51,7 +50,7 @@
 
 .gnb__navLink {
   display: block;
-  padding: 24px clamp(14px, 1.7vw, 32px);
+  padding: 20px clamp(14px, 1.7vw, 32px);
   font-size: clamp(13px, 0.85vw, 16px);
   font-weight: 400;
   letter-spacing: 0.05em;

src/scss/page/_intro.scss

@@ -14,8 +14,8 @@
 .intro__bg {
   position: absolute;
   inset: 0;
-  background: url("../../images/bg_home.png") center / cover no-repeat;
-  opacity: 0.2;
+  background: url("../../images/unsplash_-cKXtsJWU-I.png") center / cover no-repeat;
+  // opacity: 0.2;
   pointer-events: none;
 }
 
@@ -49,6 +49,10 @@
     height: $gnb-height-mo;
   }
 
+  .gnb__logoImg {
+    width: 90px;
+  }
+
   .gnb__nav {
     display: none;
   }

src/scss/page/_project.scss

@@ -56,13 +56,6 @@
   gap: 8px;
 }
 
-.project__meta {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 8px;
-}
-
 .project__name {
   font-size: clamp(14px, 1.1vw, 16px);
   font-weight: 500;
@@ -70,14 +63,6 @@
   line-height: 1.4;
 }
 
-.project__date {
-  font-size: 12px;
-  font-weight: 300;
-  color: $color-gray;
-  white-space: nowrap;
-  padding-top: 2px;
-}
-
 .project__company {
   font-size: 13px;
   font-weight: 300;