카카오헤어샵 vanilla-extract 도입기 - 카카오헤어샵 마크업 내재화 이야기

카카오헤어샵 플랫폼 개발팀은 외부 마크업 개발 방식에서 발생하는 비효율성을 해결하기 위해 마크업 내재화를 결정했습니다. 기존에는 외부 개발자에게 HTML, CSS 작업을 요청했으나, 기술 스택 불일치, 단일 SCSS 파일 관리의 비효율성, 커뮤니케이션 비용 증가 등의 문제가 있었습니다.

이에 따라 프론트엔드 개발팀은 마크업 작업을 내재화하고, 점진적으로 디자인 시스템을 구축하는 방향을 선택했습니다. css를 도입하여 화면 단위 스타일을 구분함으로써 기능 개발에 차질 없이 진행하면서도 코드 관리의 효율성을 높이는 방안을 모색했습니다.

발에 차질 없이 진행하면서도 코드 관리의 효율성을 높이는 방안을 모색했습니다.