냥이 놀이터는 고양이의 행동과 건강을 근거를 찾아 정리하는 곳이자, 프레임워크 없이 만든 인터랙티브 고양이 캐릭터의 개발 기록을 남기는 곳입니다. 두 가지가 한 사이트에 있는 것이 어색해 보일 수 있는데, 시작이 그랬습니다 — 화면에서 움직이는 고양이를 만들다 보니 진짜 고양이가 왜 그렇게 움직이는지가 궁금해졌습니다.

무엇을 다루나

  • 집사 가이드 — 꾹꾹이, 울음소리, 예방접종, 급여량, 화장실 문제처럼 집사가 실제로 검색하는 질문들을 다룹니다.
  • 개발 기록 — 이 사이트의 고양이 캐릭터를 만들며 부딪힌 문제와 해결 과정을 코드와 함께 남깁니다.
  • 냥이 일기 — 화면 속 고양이의 시점으로 쓴 짧은 글에, 그 장면을 행동학으로 풀어놓은 메모를 붙였습니다.
  • 놀이터 — 광고 없이 고양이만 있는 페이지입니다.

글을 쓰는 원칙

반려동물 정보는 잘못 쓰면 실제로 해를 끼칩니다. 그래서 다음을 지키려고 합니다.

  • 출처를 밝힙니다. 예방접종 스케줄, 중독 물질 목록, 생애 단계 구분처럼 근거가 필요한 내용은 수의사회·협회의 공개 자료나 제조사 공식 가이드를 인용하고 글 끝에 링크를 답니다.
  • 확실하지 않은 것은 확실하지 않다고 씁니다. 예를 들어 골골음의 자가 치유 효과는 흥미로운 가설이지만 확립된 정설이 아니며, 그렇게 적습니다.
  • 진단하지 않습니다. 이 사이트의 건강 관련 글은 일반적인 참고 정보이며, 수의학적 진단이나 처방을 대신하지 않습니다. 실제 조치는 반드시 수의사와 상담해 결정하세요.
  • 응급 신호를 분명히 표시합니다. 지켜봐도 되는 것과 지금 병원에 가야 하는 것을 구분해서 적습니다.

이 사이트는 어떻게 만들어졌나

빌드 도구도 프레임워크도 쓰지 않는 정적 사이트입니다. 본문은 HTML 조각으로 쓰고, 파이썬 스크립트가 공통 레이아웃을 씌워 페이지와 사이트맵을 생성합니다. 배포는 Cloudflare Pages입니다.

화면을 돌아다니는 고양이는 requestAnimationFrame과 CSS 애니메이션만으로 움직입니다. 외부 라이브러리는 하나도 쓰지 않았습니다.

HTML5 CSS3 Animation Vanilla JS Pointer Events Python 빌드 스크립트 Cloudflare Pages

광고에 대해

이 사이트는 운영 비용을 충당하기 위해 Google AdSense 광고를 게재합니다. 다만 고양이가 뛰어노는 놀이터 페이지에는 광고를 넣지 않습니다. 광고는 읽을 내용이 있는 페이지에만 붙입니다.

광고 게재를 위한 쿠키 사용에 대해서는 개인정보처리방침에 정리해두었습니다.

연락

잘못된 정보를 발견하셨거나 다뤄줬으면 하는 주제가 있다면 알려주세요. 특히 사실 관계 오류 제보는 언제든 환영합니다. 문의 페이지를 통해 연락하실 수 있습니다.