yarn 프로젝트에 package-lock.json이 남아 있어 dependabot 보안 경보가 두 배로 잡히고 있었습니다. Jest는 moduleNameMapper 순서와 tsconfig 때문에 애초에 못 돌고 있었고, Cypress의 chai 타입이 jest-dom 매처 타입을 덮고 있었어요. Next 14→15 메이저 업그레이드까지 한 번에 처리한 기록입니다.
FontAwesome 6.x에서 7.x로 메이저 버전 업그레이드를 하면서 검토한 호환성 항목과 실제로 깨졌던 부분, 그리고 회고를 정리합니다.
Django REST API는 Render에, React 19 + Vite SPA는 Vercel에 나눠 배포하면서 마주친 CORS, 환경변수, 정적 파일, 빌드 파이프라인 이슈를 정리합니다.
같은 Django 크롤링 작업을 로컬 crontab(setup_cron.sh)과 Render Cron Job으로 각각 돌려보고 비교한 기록입니다. 다시 읽으면서 "중복 등록 방지"가 실은 "갱신 불가"였다는 것, 로케일 때문에 안 터지는 게 운이었다는 것 등 스크립트 결함 다섯 개를 찾아 같이 적었습니다.
Render의 render.yaml 하나로 Django API(web)와 주간 크롤러(cron)를 각각 다른 서비스로 띄우고, fromDatabase로 DB를 공유한 기록입니다. 다시 읽으면서 SECRET_KEY가 두 서비스에서 서로 다르게 생성되는 것, CORS 환경변수 파싱, dj-database-url 기본값 등 설정 결함 네 개를 찾았습니다.
기존 프로젝트의 웹팩 설정을 변경할 때 자주 마주치는 문제들과 체크리스트를 정리합니다.
입사 한 달째, 로컬에서는 멀쩡하던 아코디언 아이콘이 운영 서버에서 안 떴습니다. 이미지 경로의 ./를 떼서 고쳤는데, 지금 다시 보면 그 수정이 왜 효과가 있었는지 설명이 안 됩니다. 같은 날 오후에는 이름이 같은 전역 함수 둘이 한 페이지에서 부딪히는 것을 잡았어요. 그날 두 가지를 커밋 메시지에 적힌 만큼만 옮깁니다.
인프런 강의 정리 : 프론트엔드 개발 웹팩
TripTune을 처음 Netlify에 올린 날, 커밋 열 개가 전부 next.config.js와 middleware.ts를 만지는 것이었습니다. 백엔드 주소에 www가 빠졌고, 리라이트를 지웠다가 되살렸고, 다음날에는 middleware의 matcher를 통째로 뒤집었어요. 지금 커밋을 다시 보니 그 middleware는 위치 때문에 애초에 실행된 적이 없었을 가능성이 큽니다.
현대 웹 개발에서는 다양한 도구를 사용하여 프로젝트를 빌드하고 최적화합니다. Webpack, Rollup, 그리고 TSConfig는 그중에서도 중요한 역할을 하는 도구들입니다.
현대 소프트웨어 개발에서는 다양한 프로젝트를 효율적으로 관리하기 위해 여러 가지 전략을 사용합니다. 그중 모노레포(Monorepo)는 여러 프로젝트를 단일 리포지토리(저장소)에서 관리하는 접근 방식으로 점점 더 많은 인기를 얻고 있습니다. 이번 포스트에서는 모노레포의 개념, 장점, 단…
트랜스파일러는 고수준 프로그래밍 언어로 작성된 코드를 다른 고수준 언어로 변환해주는 도구입니다. 예를 들어, 최신 자바스크립트(ES6+) 코드를 구형 자바스크립트(ES5) 코드로 변환할 때 사용됩니다. 이 과정은 최신 기능을 사용할 수 있도록 해주며, 다양한 브라우저 환경에서 코드가 …
Jenkins와 Mustard를 이용한 웹 서비스 배포 시스템 구축은 지속적 통합(CI, Continuous Integration)과 지속적 배포(CD, Continuous Deployment)를 통해 효율적이고 자동화된 배포 프로세스를 구현하는 것입니다.
Vercel, Netlify, Heroku는 각각의 장단점이 명확한 배포 플랫폼입니다. 프로젝트의 특성에 따라 적합한 플랫폼을 선택하는 것이 중요합니다. 정적 사이트나 JAMstack 아키텍처를 고려한다면 Netlify가 적합하며, Next.js 프로젝트를 사용한다면 Vercel이 최…
Google Optimize가 2023년 9월에 서비스를 끝냈습니다. 그 뒤로 숙소 상세의 결제 혜택 표시를 A/B로 비교하려면 실험 분기를 직접 들고 있어야 했어요. Next.js 미들웨어가 쿠키로 사용자를 반씩 가르고 실험군만 다른 경로로 rewrite했고, 종료일을 코드에 박아 그 날이 지나면 쿠키를 지우게 했습니다.