3/11/2025

갑자기 구글폰트 나눔 명조체가(Nanum Myeongjo) 이상하게 보인다!?

블로그에서 기본적으로 나눔명조체를 사용하고 있다. 근데 갑자기 로컬에서 자간이 엄청 길게 나오는 상황이 발생했다. 수정한게 하나도 없는데도.. (production은 이미 이전 font가 빌드 되어있어서 문제없는 상황) alt text alt text PR의 내용을 통해 에러 발생 원인을 유추해보면, 웹에서 나눔명조체를 사용해 space를 사용했을떄 tofu가 보이는

3/11/2025

무중단 배포로 CRA app → Next.js로 변환하기

배경 팀의 메인 목표는 오가닉 트래픽을 늘리는 것이였고, 마케팅과 같은 회사의 자원을 지원받기는 힘든 상황이였다.. 즉, 팀의 자력으로 문제를 해결해야 했는데, 프론트엔드의 코드베이스는 CRA 기반의 프로젝트로 구성되어있어 SEO 최적화 또한 힘든 상황이였다. 문제정의 오가닉 트래픽을 늘리기 위해서는 SEO 최적화를 통해 검섹 엔진에 노출이 많아야하는 상황이였다. 기업

3/5/2025

다중 개발 서버 환경에서의 API 오리진 동적 설정: Next.js 미들웨어와 쿠키 활용

배경 회사의 메인 서비스는 약 10개의 개발 서버(dev1, dev2, …, dev10)를 운영 중이며, 각 서버는 인증 정보를 제외한 데이터가 독립적으로 동작한다. 내가 담당하고 있는 서비스는 메인 서비스가 아니여서 메인에서 레포지토리를 분리했지만, 메인 서비스와의 의존성이 남아있는 기능들이 꽤 있었고, 유입된 dev 서버에 따라 API origin을 동적으로 변경해야했

3/5/2025

개발 블로그는 왜 운영하기 힘든걸까

최근에 다양한 경험을 기록하고 생각들도 남기기 위해 블로그를 다시 만들었다. 예전에 개발 블로그가 유행을 했을때 몇개월정도 관리를 했었는데, 한 5-6개 정도의 글을 작성하다가 자연스럽게 멈췄던 기억이 있다. 그때 왜 블로그 운영하지 않았는지 곰곰히 생각봤는데.. 1\. 완벽주의의 덫 블로그를 시작했을때 "다양한 경험과 깊이 있는 내용들을 열심히 올려야겠다!" 라고

3/1/2025

정적 이미지 파일 쉽게 관리하기

배경 운영중인 프로젝트에서 이미지 파일을 사용하는 경우가 많다. 웹 서버의 부하를 줄이고 이미지 로드 속도를 높이기 위해 회사 내부에서 CDN을 통해 정적파일을 관리하고 있다. 다만 개발경험 관점에서 크게 2가지 문제가 있었다. 1\. 비효율적인 이미지 업로드 과정 위에서 얘기한것처럼 정적 이미지들은 CDN으로 관리하고 있다. 그렇기 때문에 정적 이미지를 피그마나 디

2/26/2025

CSR의 SEO

회사의 아티클 중 “조직문화 성공 방정식”라는 제목의 아티클이 구글에서 몇 번째로 노출되는지 테스트하고 있었다. 근데 토스의 아티클이 첫번째로 노출되고 있었다. 레퍼런스 분석을 위해 들어가서 확인해봤는데 csr로 렌더링하는 것이였다. 토스 아티클 음?? 구글 크롤러는 CSR을 지원한다고 하던데..정말인가보다.  네이버의 크롤러는 CSR을 지원하지 않는다고 알고