2 days agoApollo Client Pagination Fetching Guide목적 아폴로 클라이언트를 사용하여 페이지네이션 페칭을 가이드합니다 기존 사용 방식의 리팩토링 (refetch 로 구현된 pagination 을 fetchMore 로 전환) 결과물 Page { ... // hook 호출 const { loading, data, totalCount, hasNextPage, elementRef } …Graph QL16 min readGraph QL16 min read
Sep 16📝 핏펫의 배포시 버저닝 관리 자동화하기📝 핏펫의 배포시 버저닝 관리 자동화하기 이번글에서는 핏펫의 커머스 스쿼드에서어떻게 웹 버저닝을 하고 있었는지 그리고 어떤 개선을 시도했고, 앞으로 할일은 무엇이 있을지 작성해보았습니다. 고민의 시작 커머스 스쿼드에서는 프론트엔드, 백엔드간의 Versioning 방식이 없었습니다. Versioning 을 위해서 Releas …Semantic Versioning11 min readSemantic Versioning11 min read
Aug 23핏펫 개발조직의 방향성과 애자일 리더십이 글에서는 핏펫 개발 조직이 어떻게 진화하고 있는지, 현재까지의 Lesson Learn과 함께 정리된 방향성에 대해 공유하고자 합니다. 가장 중요한 점은 더 나은 모습을 위해 스포티파이의 문서에서도 언급되었던 것과 마찬가지로 현재도 변화하고 있으며 계속 진화해나갈 것입니다. 스포티파이 애자일 조직의 실패 사례 스포티파이의 애자일 조직은 현재 국내 …Agile9 min readAgile9 min read
Aug 8스타트업에서 일하는 마음가짐들어가며 핏펫은 덩치가 커졌지만 여전히 스타트업입니다. 이 스타트업이란 단어에도 여러 정의와 해석이 있습니다. 저는 그 중에서도 와비파커의 공동창업자인 닐 블루멘탈이 말한 해석을 좋아합니다. 스타트업은 해결책이 명확하지 않고 성공이 보장되지 않는 영역에서 문제를 해결하기 위해 노력하는 기업이다. 해결점이 보이는 곳에서 …스타트업13 min read스타트업13 min read
Jul 28Github Actions의 의존성 캐싱을 통한 서버 배포속도 향상많은 분이 CI/CD 속도에 많은 골머리를 앓고 있을 거로 생각합니다. 핏펫에서도 느린 빌드 시간으로 인해 많은 골머리를 앓고 있었습니다. 느린 빌드는 개발자의 피로도를 증가시키게 되고 기다리는 시간이 증가하게 되어 개발하는 속도에도 영향을 미쳐 악순환을 반복하게 됩니다. 서버의 규모가 점점 커지게 되면서 눈덩이처럼 …Ci Cd Pipeline18 min readCi Cd Pipeline18 min read
Jul 8핏펫몰 개발 스쿼드의 git 전략 연대기핏펫몰 개발을 진행하면서 좌충우돌 계속 바꿔왔던 git 전략을 정리해보았습니다. 그 때 그 때 최선이라고 여겼던 git 전략은 개발 페이즈에 따라, 스쿼드사이즈에 따라 계속 바뀌어야 했습니다. 암흑의 시대 핏펫몰 개발이 처음 시작되었을 때는 개발자도 소수였고, 런칭까지 일정이 촉박했기 때문에 자잘한 규칙을 무시하고 개발하였 …Git9 min readGit9 min read
Jun 23애자일의 본질 이해하기현재 핏펫 개발 조직은 애자일 방법론을 적용하고 있습니다. 이에 애자일을 심도있게 이해하고 보다 적극적으로 적용하기 위해 애자일을 이해해보고자 노력했고 관련해서 파악해본 애자일의 본질에 대해 정리한 내용을 공유드리고자 합니다. 애자일 조직은 정착하기 쉽지 않고 정착되더라도 매순간 고객, 구성원의 변화에 따라 민 …Agile23 min readAgile23 min read
Jun 13GraphQL Interface 자동생성으로 빠르게 프론트엔드 개발하기들어가며 React와 Typescript를 사용하는 프론트엔드 환경에서는 API 통신을 받아온 결과값을 interface로 정의하여 각 변수마다 타입을 할당하게 됩니다. 이를 통해 타입 추론이 용이해지고 에러도 방지할 수 있습니다. 그러나 개발 초기에는 API의 변경이 수시로 일어나게 되는데 이는 이미 만들어진 inte …React36 min readReact36 min read
May 27하이브리드 앱 브릿지(Bridge) 리팩토링 후기네이티브 로 하이브리드 앱을 개발하게된 배경 하이브리드 앱을 만드는 프레임 워크는 현재 많습니다. React Native, flutter, XAMARIN, NativeScript, 여기에 Apache Cordova 계열로 가면 더 많아 집니다. 이런 계열의 프레임 워크로 하이브리드 앱을 만들게 되면, 기본적으로 플러그인 형태로 웹뷰와 네이티브 디바이스 를 …Native App13 min readNative App13 min read
May 17데이터베이스 migration을 위한 script 만들기migration script 소개 데이터를 마이그레이션하는 방법에는 여러가지가 있지만 핏펫은 서비스 다운타임을 고려한 신규 버전 런칭을 진행했습니다. 다운타임 내에 DB를 완전히 이전해야 했고 이 작업은 실수로 인한 데이터의 오염을 최대한 방지해야 했습니다. 저희는 script 실행으로 데이터 마이그레이션을 계획했고 table 모델의 정형화를 …마이그레이션11 min read마이그레이션11 min read
