떠돌이방랑자 홈페이지의 실제 첫 화면. 조금 헤매도 끝내 만든다 문구와 흑백 산 사진
떠돌이방랑자 홈페이지 실제 화면
이 작업물은

본업을 둔 직장인으로 홈페이지와 앱을 만들며 겪은 일을 한곳에 모으려고 이 블로그를 만들었습니다. 바이브코딩 일기와 직접 만든 작업물을 함께 남깁니다.

작업 유형
개인 블로그
담당 범위
기획 · 디자인 · 개발
작업 기간
계속 개선 중
사용 기술
Next.js · TypeScript · Tailwind CSS

내가 만든 것을 설명하는 공간

저는 본업이 있는 직장인입니다. 직장 생활과 병행해 컴윗 모바일 바이브코딩을 활용하며 홈페이지와 앱을 만들고 있어요. 만들고 나서 남기지 않으면 어디서 막혔고 무엇을 배웠는지 잊기 쉬워, 일기와 작업물을 함께 모을 블로그를 만들었습니다.

목표는 단순했습니다. 글이 먼저 보이고, 필요한 사진과 링크를 자연스럽게 넣을 수 있고, 처음 찾아온 사람도 이전 이야기를 따라갈 수 있는 공간입니다.

최대한 덜 꾸미기로 했습니다

흰 배경과 검은 글자, 충분한 여백과 읽기 편한 글자 크기를 골랐습니다. 기록은 주제별로 읽을 수 있게 묶고, 작업물은 큰 이미지를 누르면 제작 과정과 링크를 볼 수 있게 구성했습니다.

검색엔진이 본문을 읽을 수 있도록 서버에서 글을 제공하고, 글마다 제목과 요약, 작성자와 날짜를 넣었습니다. 그럴듯한 장식보다 기록이 쌓이는 구조에 집중했습니다.

블로그의 모든 글 보기

앞으로 채울 것들

작업물을 소개할 때는 왜 만들었고 어디서 막혔는지, 지금은 어느 단계인지도 적으려고 합니다. 실제 화면과 공개 주소는 작업물에 함께 담고 있습니다.

작업물에 대해 궁금한 점

어떤 작업물인가요?

직장 생활과 병행해 홈페이지와 앱을 만드는 떠돌이방랑자가 바이브코딩 일기와 작업물을 모아 둔 개인 블로그입니다.

검색과 AI 답변에 어떻게 대응하나요?

서버에서 제공하는 본문에 요약과 소제목을 두고, 개별 메타정보와 구조화 데이터, 사이트맵, RSS, llms.txt를 제공합니다. 검색 순위나 AI 인용을 보장하는 기능은 아닙니다.

조금 헤매도 끝내 만든다.
떠돌이방랑자