고양이가 왜 그러는지, 근거를 찾아 정리합니다
꾹꾹이를 하는 이유부터 예방접종 시기, 먹으면 안 되는 음식까지 — 집사가 실제로 검색하는 질문을 수의학 가이드라인과 공신력 있는 자료를 근거로 풀어 씁니다. 여기에 프레임워크 없이 만든 고양이 캐릭터의 개발 기록을 함께 남깁니다.
집사 가이드
전체 보기 →- 고양이 나이 계산기 — 사람 나이로 환산하고 생애 단계 확인하기 우리 집 고양이가 사람으로 치면 몇 살인지 바로 계산해보세요. 2021 AAHA/AAFP 생애 단계 기준으로 지금 단계에 맞는 관리 포인트까지 함께 안내합니다.
- 고양이 발정기 증상과 중성화 시기 — 무엇이 달라지고 무엇이 안 달라지나 발정기에 나타나는 행동을 암수로 나눠 정리하고, 중성화 수술의 권장 시기, 실제로 줄어드는 문제 행동과 그렇지 않은 것, 수술 후 체중 관리까지 다룹니다.
- 고양이 헤어볼과 그루밍 — 정상 범위와 병원에 가야 할 선 고양이가 털을 토하는 것은 어디까지가 정상일까요. 그루밍의 기능, 헤어볼이 생기는 과정, 빗질과 식이로 줄이는 방법, 그리고 헤어볼로 오해하기 쉬운 위험 신호를 구분합니다.
- 고양이 스트레스 신호 체크리스트 — 환경을 바꿔 해결하는 법 고양이는 아픈 것도 불안한 것도 숨깁니다. 겉으로 드러나는 스트레스 신호를 단계별로 정리하고, 수직 공간·은신처·자원 배분으로 환경을 개선하는 구체적인 방법을 다룹니다.
- 고양이 화장실 실수의 원인 찾기 — 모래, 위치, 개수, 그리고 질병 화장실 밖에 볼일을 보는 데는 반드시 이유가 있습니다. 질병 배제부터 모래 종류, 화장실 개수와 위치, 스트레스 요인까지 순서대로 점검하는 방법을 정리했습니다.
- 새끼 고양이 사료 급여 가이드 — 이유식 시기부터 급여 횟수까지 생후 몇 주부터 이유식을 시작하는지, 월령별로 하루 몇 번 나눠 급여하는지, 자율급식은 언제까지 가능한지. 급여량을 스스로 계산하는 방법과 흔한 실수까지 정리했습니다.
개발 기록
전체 보기 →- Cloudflare Pages로 정적 사이트 배포하고 도메인 연결하기 wrangler 한 줄로 정적 사이트를 배포하고, 커스텀 도메인을 연결하고, robots.txt·sitemap.xml·ads.txt까지 제대로 서비스되게 만드는 과정을 실제 설정 기준으로 정리했습니다.
- CSS transform이 서로를 덮어쓸 때 — 레이어를 나눠 해결하기 좌우 반전, 통통 튀는 애니메이션, 기울이기를 한 요소에 동시에 걸면 마지막 하나만 살아남습니다. transform 충돌의 원인과 DOM 레이어를 나눠 푸는 방법을 실제 코드로 정리했습니다.
- 라이브러리 없이 화면을 돌아다니는 캐릭터 만들기 — 상태 머신과 requestAnimationFrame 이 사이트의 고양이는 프레임워크 없이 순수 JavaScript로 움직입니다. 걷기·달리기·쉬기 상태 머신, 벽 반사, 클릭과 드래그를 구분하는 처리까지 실제 코드로 설명합니다.
화면을 뛰어다니는 냥이
외부 라이브러리 없이 requestAnimationFrame과 CSS 애니메이션만으로
만든 SD 고양이입니다. 클릭하면 반응하고, 붙잡아 옮기면 항의합니다.
광고 없는 별도 페이지에서 조용히 만나보세요.