Univdev
취소

가장 아름다운 배포 자동화, 근데 이제 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는 서비스의 사용성을 증대시키는데 도움을 줄 수 있는 다양한 정보를 수집하고 응용하...

Headless 브라우저를 이용한 스냅샷 촬영 구현

들어가며 요즘 업무가 바빠 기술 블로그에 글을 투고 한지 너무 오래 되었다는 것도 잊고 있었습니다. 사정 상 주기적인 업데이트가 불가능 했어요 😢 그래서 이번 포스트에서는 최근에 있었던 개발 Task 중 가장 인상 깊었던 Task를 갖고 왔습니다! 저는 최근에 위 움짤과 같은 에디터를 개발하고 있었습니다. 디자인 편집을 가능하게 해주는 이 에...

VSCode User Snippet 알아보기

User Snippet? 개발을 하다보면 비슷한 형식의 코드를 반복적으로 작성해야 할 때가 자주 있습니다. 대표적으로 Redux의 Slice나 Hook과 같은 코드를 작성할 때 자주 이러한 상황이 펼쳐집니다. interface UseExampleArguments { } export const useExample = (args: UseExampleA...

기술 블로그 살리기, TF부터 글 작성까지의 일대기

저는 개발을 참 좋아하는데 제가 소속한 조직의 문화를 개선하는 것도 그에 준할 정도로 좋아하는 편이예요. 현재까지의 커리어를 전부 스타트업에 쏟아서 그런진 몰라도 “꼬우면 바꾸자” 라는 마인드가 내재 되어 있어서 그럴지도 모르겠네요 😀 어쩌다가 기술 블로그를 시작했을까 기술 블로그는 회사의 이미지를 바깥에 보여주고 구성원들의 기술 향상에도 도움을...