이 사이트

이 사이트는 기술과 일상을 기록하는 개인 웹사이트로, 2025 년 4 월부터 지금까지 계속 써오고 있습니다.

자주 묻는 질문 Q&A

1. 사이트를 만든 이유는?

처음에는 인턴 구할 때 제 스택과 개발 능력을 보여줄 공간이 필요해서 만들었어요. 정작 인턴 찾을 때는 별 도움이 안 됐고, 오히려 지금 동료들이 가끔씩 들러줍니다.

2. 기술 스택은?

프런트엔드는 React 19 와 Vite 로 빌드하고, 스타일은 Tailwind CSS 을 사용합니다. 비주얼과 3D 인터랙션은 Three.js 과 @react-three/fiber. 백엔드는 Node.js 와 Express.js 를 API 게이트웨이로 사용해 Steam·Spotify·WakaTime·GitHub 같은 외부 데이터를 가져오고, 데이터베이스는 SQLite. 인프라는 전부 Docker로 컨테이너화되어 있습니다.

3. 사진 월과 AI 활용은?

사진첩은 Masonry 레이아웃이고, EXIF는 자동화 스크립트로 추출합니다. 이후 AI CLIP Tagger를 추가해 태그 작업을 보조하며, 이미지 업로드 시 자동으로 thumbhash 를 흐림 플레이스홀더로 생성합니다. 이런 자질구레한 자동화에는 AI 도구를 적극적으로 사용해요. 자세한 내용은 이 글에서:

4. 이스터에그가 있나요?

없습니다. 이스터에그는 만들지 않았고, 보이는 그대로입니다.

5. 이 사이트의 주된 대상은?

원래는 개인 구직용으로 만들었고 따로 SNS에 홍보하지도 않았어요. 하지만 솔직히 이렇게 시간을 들였으니, 밤새워 만든 화면과 구조를 누군가가 봐주면 좋겠다는 마음은 있습니다.

그러니 우연히 들렀다가 디자인이나 스택이 마음에 들면, 상호 링크 환영합니다.메시지페이지에 발자국을 남겨도 좋아요.

이름의 유래

Q: 사이트 제목 「宙と木」은 어디서 왔어요?

특별한 사연은 없어요. 어느 날 Gemini 에게 일본어 사이트명 후보를 몇 개 받았는데, 「宙と木」이 멋져 보여서 그대로 썼습니다. 「宙」(우주)는 사이트의 우주 비주얼과 맞고, 「木」은 닉네임 「木村盆栽」과 호응해서 자연스럽게 정해졌어요.

Q: 왜 Koimsurai 인가요? 어떻게 읽어요?

합성어입니다. 온라인 닉네임은 「木村盆栽」(Kimura Bonsai)이고, Koimsurai 는 그 두 단어의 로마자에서 따와 만든 전용 ID 입니다.

Q: 그럼 왜 처음에 「木村盆栽」이라고 했어요?

키무라 타쿠야를 좋아해서 성씨를 빌리고, 「盆栽」을 붙였더니 발음이 좋아서 그대로 쓰게 됐습니다.