나의 첫 패키지 저는 한 달 쯤 전에 npm에 ww-timer라는 라이브러리를 배포했습니다. 현재 개발하고 있는 서비스는 글로벌 시장을 목표로 하고 있는 생산성 앱인데, 이 앱의 기능 중 하나로 타이머가 들어갈 예정입니다. 웹에서 Timer를 개발하려면 필히 setTimeout이나 setInterval을 사용해야 하는데 이러한 비동기 함수는 브라우...
Swagger를 이용한 세상 간단한 API Mocking
API Mocking 프론트엔드와 백엔드의 관계에서 대부분의 경우 프론트엔드가 백엔드에 의존성을 띄고 있습니다. 프로젝트를 수행함에 있어서 프론트엔드가 API를 연동하려면 백엔드의 개발이 모두 끝나야 진행할 수 있게 되기 때문입니다. API의 개발이 모두 완료 되기 전 까지 대기할 필요가 없어지도록 가짜 API 서버를 개발하여 사용하는 방식이 ...
Focus Keeper 랜딩 페이지 런칭 후기 (부제: UX가 프로덕트 성공에 미치는 영향)
저는 얼마 전에 회사에서 운영하고 있던 Focus Keeper의 랜딩 페이지를 리뉴얼하는 작업을 진행했습니다. 단순 페이지 리뉴얼이라서 별 기대를 하지 않았었는데 단순 사용성만 수정했음에도 불구하고 놀라울 정도의 지표가 측정되어 공유드리고자 이 글을 작성했습니다. Focus Keeper는 뽀모도로 기법을 차용하여 성인 ADHD 환자나 집중력이 낮은...
가장 아름다운 배포 자동화, 근데 이제 Slack을 곁들인
만약 배포 자동화 방법에 대해서 알고 싶으시다면 제가 이전에 작성한 글을 먼저 읽고 오시는 것을 추천 드립니다. 들어가며 안녕하세요 😁 박찬영입니다. 지난 글에서는 Vercel을 활용한 자동 배포 환경을 만드는 방법에 대해서 말씀 드렸던 바 있어요. 이번 문서에서는 지난 번에 분량 조절 문제로 인해 담지 못했던 자동 알림 기능을 추가하는 방법...
Next.js + Vercel + Github Workflow를 결합한 가장 아름다운 배포 자동화
안녕하세요 😁 박찬영입니다. 오늘은 Next.js와 Vercel을 활용한 배포 자동화 방법에 대해서 얘기 하고자 해요. 이번에 제가 회사에서 진행하고 있었던 프로젝트가 AWS에서 Vercel로 인프라를 이전하게 되었어요. 그러한 이유로 AWS의 CI/CD를 사용할 수가 없기 때문에 Vercel에 맞는 자동 배포를 구성할 할 필요가 있어 이번 Task...
Taxonomy 대응을 위한 좋은 아키텍처
안녕하세요 박찬영입니다 🙂 이번 포스트에서는 Taxonomy를 연동하면서 겪었던 어려운 문제와 Challenge 경험을 공유하기 위해 작성합니다. 동일한 문제를 앓았거나 앓을 예정이신 분들께서 보시고 좋은 영감을 얻어가셨으면 좋겠습니다. Taxonomy란? 본 문서의 이해를 위해 간단하게 설명하자면 ‘유저의 행동 패턴을 분석하기 위한 방법’ 입...
사용자 경험을 위한 의도적인 비효율
안녕하세요 👋 박찬영입니다. 오늘은 사용자의 경험을 증가 시키기 위해 의도적으로 소프트웨어의 응답을 늦추는 사례에 대해서 소개하고자 해요. 과거의 최적화 개발 업계에 몸 담고 있는 사람이 아니어도 한 번 쯤 들어본 적이 있는 에피소드를 소개 하고자 합니다. 바로 현대 플랫폼 게임의 선구자, 슈퍼마리오인데요. 슈퍼마리오 초기버전이 등장한 ...
사용자의 액션을 분석해보자! Amplitude의 Taxonomy 연동 방법
들어가며 안녕하세요 😀 박찬영입니다. 저는 회사에서 신규 서비스 런칭을 앞두고 있기 때문에 정말 많은 Task가 몰아치는 하루를 보내고 있어요 😭 그렇게 해결했던 수많은 Task 중 문서로 남겨두면 유용할 법한 내용을 가져왔어요! Amplitude란? Amplitude는 서비스의 사용성을 증대시키는데 도움을 줄 수 있는 다양한 정보를 수집하고 응용하...