Sobokki World

포트폴리오 사이트

---

🔗 배포링크

https://sobokkiworld.vercel.app/

📑 프로젝트 설명

전소은이라는 사람을 알 수 있는 포트폴리오 사이트를 구현했습니다.
조금이나마 저를 설명할 수 있는 사이트가 될 수 있도록 계속 발전시키겠습니다.

## 🛠️ Dev Tools

🖥️ 프로젝트 실행 방법

git clone https://github.com/sobokki/sobokkiworld.git

npm i

npm run dev

📁 디렉토리 구조

├─public                        # 아이콘,이미지 저장
└─src                           # 소스 코드 디렉토리
    └─app                       # 애플리케이션 관련 코드
        ├─(pages)              # 페이지별 컴포넌트 디렉토리
        │  ├─about             # 'about' 페이지 
        │  ├─project           # 'project' 페이지 
        │  ├─visitor           # 'visitor' 페이지 
        │  └─writing           # 'writing' 페이지 
        ├─components           # 재사용 가능한 UI 컴포넌트
        │  ├─aboutPage         # 'about' 페이지에 사용되는 컴포넌트
        │  ├─card              #  방명록 카드 컴포넌트
        │  ├─homePage          # 'home' 페이지에 사용되는 컴포넌트
        │  ├─input             # 입력 필드 컴포넌트
        │  ├─mainImg           # 메인 이미지 컴포넌트
        │  ├─modal             # 모달 관련 컴포넌트
        │  │  ├─letterModal    # 편지 모달 컴포넌트
        │  │  └─projectModal   # 프로젝트 모달 컴포넌트
        │  ├─nav               # 네비게이션 바 컴포넌트
        │  ├─pagenation        # 페이지네이션 컴포넌트
        │  ├─projectPage       # 'project' 페이지에 사용되는 컴포넌트
        │  └─writePage         # 'write' 페이지에 사용되는 컴포넌트
        ├─data                 # 데이터 파일 
        └─styles               # 스타일 관련 파일
            └─mixin            # 스타일 믹스인 (재사용 가능한 스타일 조각)