배우고, 부수고, 다시 만드는 중

🌱 시작은 ‘걷기’였습니다 약 3개월 전부터 본격적으로 러닝을 시작했습니다. 츄를 산책시키며 집 앞 한강공원을 걷다 보면, 러닝하는 사람들의 모습을 자연스럽게 접하게 되곤 했어요. 사실 저는 운동을 즐기는 편도 아니고, 땀 흘리는 걸 그다지 좋아하지 않았습니다. 🧠...

Next.js 블로그 SEO 최적화 메타데이터와 구조화된 데이터로 검색 노출 개선하기 블로그를 운영하다 보면 이런 고민이 들곤 합니다. “블로그 이름으로는 검색되는데, 내가 쓴 글은 왜 안 뜨지?” 그래서 이번에 Next.js 기반 블로그에서 SEO 최적화를 직접 적용...

📄 내용 검색엔진 최적화를 위한 기본 중 기본, 바로 robots.txt와 sitemap.xml 설정입니다. 개발자라면 한 번쯤 들어봤지만 실제로 어떻게 적용하는지는 헷갈리기 쉽죠. 이번 글에서는 robots.txt와 sitemap.xml이 무엇이고, 어떤 역할을 하...

내용 로컬 서버에서 Fast Refresh가 무한 루프에 빠져 계속해서 리빌드되는 현상이 발생 🚨 문제 상황 로컬 서버를 실행하면 콘솔에 다음과 같은 메시지가 끊임없이 반복되었습니다 `` tsx [Fast Refresh] rebuilding [Fast Refresh]...

내용 포트폴리오에서 Skills와 Education 섹션에서 스크롤할 때마다 애니메이션이 반복 실행되면서 깜박임 현상이 발생했습니다. 위아래로 스크롤할 때마다 애니메이션이 재시작되어 시각적으로 거슬렸습니다. 원인 분석 `typescript // 문제가 있던 코드 ...

내용 포트폴리오 홈 섹션에서 개인적인 이미지들을 단순히 나열하는 것이 아니라, 스크롤에 따라 역동적으로 움직이는 인터랙티브한 갤러리를 구현하고 싶었습니다. 해결 과정 스크롤 기반 Transform 설정 ``typescript const { scrollY } = useS...