Pixora: Astro로 만든 나만의 여행 블로그

Pixora는 제 개인 여행 블로그입니다. 개발자 포트폴리오와는 별도로, 여행 모험, 사진, 여행자를 위한 팁을 공유하는 전용 공간이에요. 재미있는 사실: 이름은 Pixel + Aurora에서 따왔습니다. 렌즈를 통해 세상의 아름다움을 담는다는 느낌이 잘 전달된다고 생각했거든요.

왜 Pixora를 만들었나요?

별도의 사이트를 만들게 된 세 가지 주요 이유가 있습니다.

업무와 개인 생활 분리

포트폴리오는 전문적인 공간입니다. 프로젝트, 기술, 경력을 보여주는 곳이죠. 하지만 여행은 개인적인 것입니다. 주말 여행, 휴가, 즉흥적인 모험들이에요. 이 둘을 섞는 건 맞지 않았습니다. Pixora 덕분에 "개발자" 이미지를 신경 쓰지 않고 자유롭게 글을 쓸 수 있는 공간이 생겼어요.

여행 사진 전시

여행 사진은 저의 진정한 열정입니다. 소셜 미디어는 모든 것을 압축하고, 형식을 제한하고, 끝없는 피드 속에 이미지를 묻어버립니다. Pixora에서는 사진 표현을 완전히 제어할 수 있어요 — 풀 해상도, 테마별 갤러리, 시각적 스토리텔링이 가능합니다.

실용적인 팁 공유

여행할 때마다 새로운 것을 배웁니다. 빠듯한 예산 관리법, 어떤 카메라 장비를 가져갈지, 3주 여행을 위한 배낭 꾸리는 방법 등이요. 이런 정보를 혼자 간직하기보다 체계적으로 공유하는 게 낫다고 생각했습니다.

Pixora에서 무엇을 볼 수 있나요

사이트는 세 가지 주요 섹션으로 구성되어 있습니다.

여행

목적지별 여행기: 캐나다, 아이슬란드, 한국... 각 글에는 여행 일정, 추천 장소, 그리고 실패담도 담겨 있습니다. 완벽한 여행은 없으니까요 — 그게 여행을 흥미롭게 만드는 거죠.

사진

갤러리는 목적지와 테마별로 구성되어 있습니다. 풍경, 스트리트 포토그래피, 인물, 건축 — 다양한 장르를 만나볼 수 있어요.

팁

여행 예산, 여행 사진, 배낭 준비에 대한 실용적인 가이드. 쓸데없는 말 없이, 현장에서 검증된 조언만 담았습니다.

기술적인 이야기

Pixora는 모던하고 성능이 뛰어난 스택으로 구축된 오픈소스 프로젝트입니다.

Next.js 대신 Astro를 선택한 이유

포트폴리오는 Next.js로 운영하고 있고, 인터랙티브한 앱에는 훌륭합니다. 하지만 콘텐츠와 이미지 중심의 여행 블로그에는 Astro가 더 자연스러운 선택입니다. 기본적으로 클라이언트 사이드 JavaScript가 없고, 초고속 정적 페이지를 생성하며, Markdown/MDX를 네이티브로 지원합니다.

---
// 예시: Astro의 사진 갤러리 컴포넌트
// JS는 컴포넌트가 보일 때만 로드됩니다
import { Image } from 'astro:assets';
 
const { photos, destination } = Astro.props;
---
 
<section class="gallery">
  {photos.map((photo) => (
    <Image
      src={photo.src}
      alt={photo.alt}
      widths={[400, 800, 1200]}
      loading="lazy"
    />
  ))}
</section>

디자인을 위한 Tailwind CSS

Tailwind를 사용하면 HTML을 벗어나지 않고도 빠르게 디자인을 반복할 수 있습니다. 다크 모드 기본 지원, 반응형 디자인, 일관된 시각적 스타일 유지가 쉽습니다.

오프라인 모드를 위한 Service Workers

여행자에게 항상 인터넷이 있는 건 아닙니다. Service Workers 덕분에 이미 본 글은 인터넷 연결 없이도 접근할 수 있습니다. 비행기 안이나 아이슬란드 한가운데에서 정말 유용하죠.

마무리

Pixora는 웹에서의 제 개인 공간입니다. 코드와 여행이 만나는 곳, 모든 목적지가 하나의 글이 되고, 모든 사진이 이야기를 전하는 곳이에요.

여행이나 사진에 관심이 있다면 pixora.raphaelraclot.dev를 방문해보세요 — 어떻게 생각하시는지 알려주시면 좋겠습니다.