피처링코에서는 콘텐츠 마케팅 캠페인의 성과를 리포트 형태로 제공합니다. 초기에는 기획자가 설계한 UI를 기준으로 정해진 지표만을 시각화하여, 그 결과를 그대로 전달하는 방식으로 리포트 시스템이 운영되었습니다. 하지만 캠페인 규모가 커지고, 기업마다 분석하고자 하는 지표 조합이나 방식이 달라지면서 … Server-Driven UI로 설계한 위젯 기반 리포트 시스템Read more
Frontend
Frontend
Vanilla-Extract 도입하기 2
안녕하세요. 피처링 프론트엔드 파트의 리키입니다. 1부에서는 Vanilla-Extract를 도입하게된 계기와 피처링의 디자인 토큰들을 어떻게 세팅했는지를 다뤘다면, 2부에서는 Vanilla-Extract가 제공하는 api, 그 중에서도 저희가 자주 사용했던 api를 위주로 소개하고 각 api를 사용하여 실제 어떤식으로 스타일링을 하는지에 대해 … Vanilla-Extract 도입하기 2Read more
Frontend
Release Drafter부터 Jira, Notion까지, 릴리즈 노트 자동화 구축기
안녕하세요, 피처링에서 프론트엔드 개발자로 일하고 있는 라운입니다. 피처링의 프론트엔드 팀은 고객에게 배포되는 최종 제품의 버전을 직접 관리하고 있습니다. 고객과 명확한 소통을 위해서는 각 버전마다 어떤 기능이 추가되었고 어떤 변경사항이 있었는지 정확히 정리된 릴리즈 노트와 체계적인 … Release Drafter부터 Jira, Notion까지, 릴리즈 노트 자동화 구축기Read more
Frontend
Vercel 중심 배포 흐름에서 GitHub Actions로 재구성한 모노레포 전략
모노레포를 운영하는 많은 팀들이 겪는 공통적인 고민 중 하나는, “각 프로젝트의 배포 주기를 어떻게 분리할 것인가?”입니다. 코드는 하나의 저장소에 있지만, 실제로는 앱과 웹, 국가별 서비스, 등 프로젝트마다 릴리즈 전략과 타이밍이 모두 다릅니다. 그래서 단일한 브랜치 … Vercel 중심 배포 흐름에서 GitHub Actions로 재구성한 모노레포 전략Read more
Frontend
일본 서비스 프론트엔드 개발 회고
안녕하세요, 피처링 프론트엔드 파트 루카입니다. 올해 저희는 일본 서비스를 성공적으로 런칭하며 새로운 도전을 시작했습니다!🎉 일본 서비스 개발 과정에서 겪었던 경험과 문제 해결 과정을 여러분과 공유하고자 합니다. 1) 인플루언서 찾기 / 관리의 개편 일본 서비스를 준비하며 … 일본 서비스 프론트엔드 개발 회고Read more
Frontend
Vanilla-Extract 도입하기 1부 (w/ design-token)
안녕하세요. 피처링 프론트엔드 파트의 리키입니다. 올해 저희는 DataEffect라는 신규 프로덕트와 함께 새로운 디자인 시스템을 구축하였습니다. 그 과정에서 CSS툴로서 Vanilla-Extract를 새로이 도입하였고, 그 과정을 공유하고자 합니다. CSS 툴을 바꾸고자 했던 이유 피처링의 프론트엔드는 기존에 Styled-Components를 Next … Vanilla-Extract 도입하기 1부 (w/ design-token)Read more
Frontend
국제화를 위한 프론트엔드 발판 다지기 (i18n)
글로벌 서비스를 만드는 데 있어, 다양한 언어를 지원하는 다국어화(i18n)은 필수 기능입니다. 개발팀 입장에서는 i18n 라이브러리를 도입하고, JSON 파일로 각 언어의 텍스트를 관리하면 기본적인 구현은 끝난 것처럼 보이기도 합니다. 하지만 프로젝트가 커질수록 번역 작업은 단순한 텍스트 … 국제화를 위한 프론트엔드 발판 다지기 (i18n)Read more