Dotorian

Project 04

Dotorian(도토리안)

내가 직접 만든 포트폴리오 겸 블로그. 순수 마크다운 파이프라인, 관점·키워드 다중 필터, 한/영 토글, 다크모드를 갖춘 개인 기록 공간.

Dotorian(도토리안) 대표 화면
기간
2026.07.06 – 진행 중
팀
개인 프로젝트
역할
기획 · 디자인 · 개발
결과
Production 운영

바로가기

기술과 도구

  • Next.js 16
  • TypeScript
  • CSS Modules

Outputs

직접 확인할 수 있는 결과물

앱, 배포 서비스, 소스와 프로토타입을 이 프로젝트의 맥락 안에서 확인할 수 있습니다.

라이브웹

Dotorian(도토리안)

Dotorian 라이브 사이트

지금 보고 있는 포트폴리오·블로그의 실제 운영 버전입니다.

Records

프로젝트 기록

  1. 07

    GitHub 커밋으로 발행하는 웹 관리자

    Markdown 파일과 Git 기반 발행 방식을 버리지 않고, 브라우저에서 글을 편집할 수 있게 만든 관리자 구조.

    2 min read개인 공부
    글 읽기 →
  2. 06

    다람쥐와 도토리로 사이트의 반응을 만든 과정

    장식용 애니메이션이 아니라, 포인터와 터치 환경에서 다르게 반응하는 다람쥐·도토리 인터랙션을 만든 기록.

    2 min read개인 공부
    글 읽기 →
  3. 05

    Upstash Redis로 조회수와 공감을 나눈 방법

    조회수와 공감을 같은 숫자로 취급하지 않고, 중복 기준과 저장 구조를 따로 설계한 기록.

    2 min read개인 공부
    글 읽기 →
  4. 04

    GitHub Discussions를 댓글 UI로 연결한 방법

    별도 댓글 데이터베이스 없이 GitHub Discussions를 블로그 댓글로 쓰고, 설정이 없을 때도 읽기 화면을 유지한 방법.

    2 min read개인 공부
    글 읽기 →
  5. 03

    Dotorian이라는 이름과 도메인을 정한 과정

    Dotorian이라는 이름을 정하고, 내도메인.한국의 kro.kr 주소를 Vercel에 연결한 과정.

    4 min read개인 공부
    글 읽기 →
  6. 02개인 회고

    디자인에서 제품 개발로 넘어오며 배운 것들

    디자인을 공부하던 사람이 직접 제품을 만들기 시작하며, 결과물보다 판단과 구조를 더 오래 보게 된 과정.

    3 min read경험 · 개인 공부
    글 읽기 →
  7. 01

    Next.js로 포트폴리오 블로그를 만든 이유

    App Router, Markdown 파이프라인, 토큰 레이어로 포트폴리오 블로그를 직접 조립한 과정.

    7 min read개인 공부
    글 읽기 →