피리마켓

주요 작업사항

피리부는 강아지 앱(React Native)에 웹뷰로 있는 피리마켓(Vue) 유지보수 및 기능 개발

• 헤더 애니메이션 버벅임 현상이 있어 reflow를 발생하는 margin, padding, top 대신 GPU 기반 transform 속성으로 처리하였고, 스크롤 이벤트에서 쓰로틀링을 이용하여 이벤트 발생에 제한을 두어 애니메이션 성능 개선을 했습니다. 또한 개발자 도구로 퍼포먼스를 확인하여 리플로우가 일어나지 않음을 확인했습니다.
• RN과 웹뷰 통신을 위해 postMessage를 이용해 메시지를 전송하여 RN에서 웹뷰 창 닫기, 프로필 이동하기, 앱 스플라이어 이벤트 보내기를 수행할 수 있도록 했습니다.
• 구글 태그 매니저와 앱 스플라이어를 이용하여 이벤트를 심었고, UA팀에서 요구하는 작업들을 수행했습니다.
• Vue를 처음 접하여 독학 후에 외주사가 작업한 하드코딩된 기존 코드들을 컴포넌트화 진행했고, 라이브러리를 쓰지 않고 토스트 메시지 컴포넌트를 구현했습니다.
• 단기 이벤트 페이지를 React로 만들어 진행하였고, graphQL를 사용해본 좋은 경험이 되었습니다. 또한 기획팀과 직접적인 소통을 통해 소통 능력을 향상할 수 있었습니다.
• 지라로 티켓을 생성하여 브랜치를 파 작업하였고, squash and merge 전략으로 개발을 하였고, 매주 목요일을 배포날로 잡아 올라온 QA 이슈를 해결했습니다.