개인 블로그 제작 중. 이름하야 BB!

컨셉

포트폴리오, 블로그, 아트워크 갤러리 등 모든 것을 종합한 내 개인 사이트를 만들고 있다.

이니셜은 BB다. BumangBoard, BumangBackground, BumangBunker, BumangBetter 등...

여러 이름으로 대응될 수 있다는 컨셉. 좌측 상단 로고에 호버할때마다 제목이 계속 바뀌게 해야지~

 

구조에 대해 매우매우 고민을 많이 했다.

사실 대부분의 개발문서나 테크 블로그들은 사이드바가 존재하는 디자인이지만...

나는 헤더-탭바 등이 상단에 배치되는 형식에 컨텐츠 중앙정렬 컨셉으로 만들기로 했다.

 

본문 width를 넓게 쓰는게 인터랙티브나 스크롤 모션 등을 넣었을 때 임팩트가 셀 것이기 때문!

그래서 최종 구조는 아래처럼 잡을거다.

 

- 헤더

- 배너 (Collapsible)

- 탭바 (iOS Dynamic Island-like)

- 4단 그리드 콘텐츠 영역

 

예정 기술스택

코어

- Next13+ (Fullstack)

- API Routes

- Express

- MongoDB

- TurboRepo

- WYSIWIG 에디터

 

애니메이션 라이브러리

- GSAP

 

다국어

- i18n

 

배포

- AWS EC2, CloudFront 경험 후,

  -> 돈 많이 나올거 같으면 Vercel로 이전

 

크롤링

- Puppeteer

 

 

 

대충 와이어프레임

 

이번 주 목요일까지 디자인 모두 마쳐야지.

아직 엉성해보이지만 이틀 뒤면 그렇지 않을 것이다.

 

이렇게 만든 블로그는 단순 개인블로그가 아니라 내 UX/UI 실험실로써 쓰일 예정이다.