1. Why?Pennyway팀은 팀원들의 상황이 학생 / 취준생 / 인턴 등으로 다양했기에 팀 프로젝트 중 처음으로 비대면으로 진행한 프로젝트다. 물론 스프린트 계획 / 리뷰를 위해 각각 2시간씩 주 2회 만나긴 했지만, 이를 제외한 대부분의 시간을 각자 진행했다.  그러다보니 다양한 시간대와 일정으로 인해 실시간으로 소통하기 어려운 경우가 많았고, 또 비대면으로 대부분의 소통을 진행하다 보니 서로의 의도를 오해하는 등 협업 과정에서 문제도 많이 발생했다. 이번 글에서는 정확히 어떤 문제들이 있었고, 이를 해결하기 위해 어떤 문화를 도입했는지 작성해보고자 한다.2. 문제 & 해결1. 코드 리뷰 관련문제우선 프로젝트가 시작되는 시점에서 함께 하는 팀원을 파악하지 못한 상태였기에, 큰 문제점이나 의문이 아니..

0. TL;DR작업의 효율성과 유지보수성을 위해 고려해서 공통 컴포넌트를 구현문제 발생, 원인은 `명확성`을 충분히 고려하지 않았기 때문이를 개선하고, 공통 컴포넌트가 고려해야할 `명확성`에 대해서 이해1. Why?여러 차례 프로젝트를 진행하며, 어느정도 초기 설정이 끝나면 그 다음으로 공통 컴포넌트를 구현하게 된다. 이번 Pennyway에서도 마찬가지였는데, 이를 구현해서 작업의 효율성 높이기유지보수 용이하게 하기에 도움을 줄 수 있을 것이다. 하지만 프로젝트가 그렇게 쉽지만은 않은 법이다. 이번 글에서는 Pennyway에서 구현한 공통 컴포넌트에서 어떤 문제를 겪었고, 어떻게 컴포넌트를 수정해서 문제를 해결했는지 작성해보고자 한다. 2. 1차 코드 구현구현 코드가장 많이 고민한 부분이자 이후 수정하게..

0. TL;DRFont성능을 위해 woff2, subset font 사용. 지원 안할 경우를 대비 woff는 fallback font로 설정mixin을 사용해 classname으로 간단히 font 사용 가능하도록Layout모든 iPhone 사이즈에 대응가능하도록 media query로 계산mixin을 사용해 레이아웃 요소가 일관적인 사이즈 유지하도록1. Why?현재 iPhone용 App에 들어갈 Webview page 제작 중mixin을 사용해서 팀이 사용할 Font와 Layout을 설정해보자2. Font빠르게 Font를 설정할 수 있도록, 용량이 가장 작은 woff2 사용woff를 지원하지 않을 경우를 대비해 woff를 fallback font로 설정또한 기본 font 대비 1/3가량인 subset f..

0. TL;DR CI/CD 구축이 완료되었으나, CI단계에서 lint와 test를 모두 진행하는 것이 적절한지 고민 CI단계에서는 많은 코드가 한번에 추가될 것 어긋난 코드를 한번에 수정하는데 많은 리소스가 소모될 우려가 있음 Git hooks를 사용해 pre-commit 단계에서 lint catch를 하기로 결정 husky와 lint-staged를 사용해서 구현 1. Why? Pennyway 프로젝트에서 CI/CD 파이프라인 구축이 완료되었다. 대략적인 로직은 아래와 같다. CI & CD 더 자세한 사항은 repository wiki에서 볼 수 있다. 고민 근데 CI에서 eslint를 catch하는 게 적절한지에 대한 고민이 생겼다. 현재 CI의 로직은 다음과 같다. Main branch로 PR 작성 ..