「〇〇씨, 지금 구현이 끝났으므로 로컬 환경에서 브런치를 풀어 동작 확인해 주실 수 있습니까?」 팀 개발에서 이러한 상호 작용에 쓸데없는 시간을 빼앗기지 않았습니까? 환경 구축의 번거로움과 로컬 빌드 대기 시간은 전체 팀의 생산성을 크게 저하시킵니다.
이 과제를 우아하게 해결하고 프런트 엔드 개발의 워크플로에 패러다임 시프트를 일으킨 것이 「Vercel」의 자동 배치와 프리뷰 환경입니다.
리뷰의 병목 현상을 파괴하는 미리보기 URL
Vercel을 GitHub 등의 리포지토리와 연동시키면 마법 같은 경험이 기다리고 있습니다. 개발자가 새로운 기능을 구현하고 Pull Request(PR)를 작성하는 순간 Vercel은 자동으로 브랜치의 코드를 빌드하고 프로덕션 환경과 정확히 동일한 구성의 임시 ‘미리보기 URL’을 발행합니다.
이렇게하면 검토자가 로컬로 코드를 떨어 뜨릴 필요가 없습니다. PR에 댓글이 달린 URL을 클릭하기만 하면 브라우저에서 실제 동작, 애니메이션, 반응형 디자인의 무너짐 등을 즉시 확인할 수 있습니다.
비 엔지니어와의 협업 가속화
미리보기 환경의 혜택은 엔지니어뿐입니다. 디자이너나 제품 매니저 등 개발 환경이 없는 멤버에게도 ‘이 URL 봐 주세요’라고 공유하는 것만으로 구현 피드백을 받을 수 있게 됩니다.
「버튼의 색이 조금 다르다」 「생각하고 있던 애니메이션과 다르다」라고 하는 귀환을, 개발의 초기 단계에서 재빠르게 발견해 수정할 수 있기 때문에, 애자일한 개발 프로세스가 극적으로 가속합니다.
Vercel Comments에 의한 컨텍스트 피드백
더욱 강력한 것이 프리뷰 환경상에 직접 코멘트를 남길 수 있는 기능입니다. 검토자는 미리보기된 화면의 임의의 요소(예: 약간 어긋난 버튼 등)를 클릭하고 거기에 직접 “여기의 여백을 조금 넓혀"라고 코멘트를 남길 수 있습니다. 이 코멘트는 Slack과 GitHub와 연계되어 개발자는 “어느 화면의 어느 부분에 대한 지적"을 컨텍스트와 함께 즉시 이해할 수 있습니다.
팀의 “리듬"을 창출하는 인프라
Vercel의 매력은 단지 호스팅의 속도만이 아닙니다. 「코드를 쓴다」→「PR을 낸다」→「URL로 확인해 준다」→「실전에 머지(자동 배치)」라고 하는, 마찰이 없는 아름다운 개발 리듬을 팀에 정착시켜 주는 점에야말로, 진정한 가치가 있습니다.
아직 수동으로 서버에 파일을 업로드하거나 로컬에서 끓는 리뷰를하는 팀이 있다면 지금 Vercel 배포를 고려해보십시오. 커뮤니케이션의 질이 바뀌어 팀의 사기가 오르는 것을 실감할 수 있을 것입니다.