📌 이 글은 MSW 시리즈 중 1편입니다. 2편: Mock API Schema 자동 생성하기 3편: Plugin 방식으로 제공하기 도입 배경 대부분의 프로젝트는 UI 개발 → 대기(백엔드 API 준비) → API 연동 순으로 진행됩니다. 프런트엔드 입장에선 대기 시간이 길어질수록 전체 일정과 QA 일정이 밀려 개발 효율이 저하됩니다. 이를 개선...

1. 들어가며 (Motivation) 개인 개발 환경에서 프로젝트를 실행할 때마다 빌드 타겟을 직접 지정해야 하고, 테스트 매장 URL에 맞는 정보를 일일이 세팅해야 하는 불편함이 있었습니다. 이를 자동화하면 로컬 개발 효율을 크게 올릴 수 있을 것 같아 개선 작업을 진행했습니다. 2. 기존 빌드 과정 (Before Improvem...

📌 이 글은 LTS 업그레이드 중 1편입니다. 2편: nvm 순차 전환과 Dart Sass 전환 1. 들어가며 (Motivation) 레거시 환경(Node 10.16.3)에서 모듈 설치 오류·보안 리스크를 줄이고 유지보수성을 높이기 위해 LTS 단위로 순차 업그레이드를 진행했습니다. 업무 환경에 영향이 없도록 별도 작업 디렉터리에 프로젝트를 ...

📌 이 글은 GitLab CI × Slack Webhook 중 3편입니다. 1편: Freeze-Free MR Pipeline 설계 2편: Freeze-Window 차단·MR 알림·외부 Include 자동화 4편: 가이드- MR 알림·Draft 토글·충돌 감지 동일한 프로필 이모지를 사용하다 보니, 슬랙/깃랩 알림에서 누가 어떤 작업을 했는지 식...

📌 이 글은 GitLab CI × Slack Webhook 중 2편입니다. 1편: Freeze-Free MR Pipeline 설계 3편: 사용자별 프로필 이모지 맞춤 적용 4편: 가이드- MR 알림·Draft 토글·충돌 감지 도입 및 배경 여러 프로젝트에서 GitLab CI를 운영하다 보면, 배포 안정성을 위해 프리징 기간 동안 release...

📌 이 글은 GitLab CI × Slack Webhook 중 1편입니다. 2편: Freeze-Window 차단·MR 알림·외부 Include 자동화 3편: 사용자별 프로필 이모지 맞춤 적용 4편: 가이드- MR 알림·Draft 토글·충돌 감지 1. 문제 상황 또는 동기 (Motivation) 프로젝트 프리징 기간에 MR이 실수로 머지되어...

오래된 원격 브랜치 삭제하기 1. 원격 브랜치 정보 갱신 git remote update git fetch -p origin 2. 원격 브랜치 목록 확인 git branch -r # 전체(로컬+원격) 브랜치 git branch -a 3. 브랜치 검색 및 삭제 grep으로 원하는 브랜치만 추출 xargs로 일괄 삭제 예시 ...

목차 prolog. add, push, pull, merge는 설명 생략 About MR About MR MR한 거 되돌릴 때는 revert 버튼이 있다. 그것만 누르면 끝 HEAD와 Branch의 관계 HEAD와 Branch의 관계 Head는 기본적으로 브랜치(ex. mast...

추신. Frontend Lead 역할을 맡아 모든 프론트엔드 개발을 담당했습니다. 나머지 팀원은 DevOps 1명, Backend 3명으로 총 5명이었습니다. React에서 Next.js로 프론트엔드 적용기 1. 왜 Next.js를 사용했는가? 이번 프로젝트에서 저희 조는 React를 사용하지 않고 Next.js를 사용했습니다. Next.j...