Personal Site Network

설은수의 웹 사이트 포털.

독립적인 주제의 개인 웹사이트와 전문 웹 애플리케이션 프로젝트를 모아놓은 메인 허브입니다.
아래 카드를 클릭하여 각 서브 사이트로 이동할 수 있습니다.

📂 사이트 & 프로젝트 모음

Web Application

🧪 피부 과학 성분 사전

36종 이상의 피부 과학 핵심 성분 백과, 피부과 학술 논문 팩트체크 데이터베이스, 다중 성분 실시간 궁합 분석 및 스마트 AM/PM 루틴 가이드 웹 앱.

피부과학 성분 궁합 분석 36종 DB
Portfolio & CV

🎓 학술 CV & 개인 포트폴리오

GIST 물리광과학과 학사, 제14대 하우스연합회 총하우스장, 방송국 GGUN 활동 및 마술동아리 Magist 창설 퍼포먼스 이력을 정리한 포트폴리오.

GIST 물리광과학 리더십
DAW Timeline WebApp

💃 Dance Studio (Choreo Lab)

DAW 트랙 스타일의 듀얼 시각적 타임라인 안무 연습실. 상단 박자 마커(Beat Snap), 하단 시간 마커, 구간 루프 연결, 안무 메모, 거울모드, 줌/팬 & 실시간 웹캠 지원.

DAW 타임라인 박자/시간 마커 구간 루프 & 메모
React WebApp

🎮 스팀 게임 도전과제 일람표

스팀 API 연동을 통해 전 세계 스팀 게임 라이브러리를 검색하고, 실시간 도전과제 달성도 추적 및 스포일러 방지 필터링 기능을 제공하는 리액트 기반 웹 애플리케이션.

React Steam API 도전과제 추적
Hybrid WebApp

🎥 유튜브 영상 다운로더

하이브리드 엔진 감지 기능을 탑재하여 로컬 구동 시 FFmpeg 합성 기반 최고화질(4K) 다운로드와 MP3 추출을 지원하고, 웹 접속 시 서버리스 스트림 중계로 간편하게 다운로드할 수 있는 도구.

React yt-dlp Vercel API FFmpeg

💡 새 개인 사이트 추가 & 배포 방법

  1. 1. 새 프로젝트 폴더 생성

    개인 사이트/ 폴더 안에 원하는 이름(예: my-new-site/)으로 폴더를 만듭니다.

  2. 2. 웹사이트 파일 작성

    새 폴더 안에 index.html, style.css, main.js 등을 작성합니다.

  3. 3. Vercel 개별 독립 배포 (선택사항)

    터미널에서 npx vercel --cwd ./my-new-site --prod 명령을 실행하면 해당 사이트만 독립 URL로 배포됩니다.

  4. 4. 허브 메인 페이지 연결

    메인 index.html의 카드 목록에 링크 버튼만 추가하면 완료됩니다!