전화 영어 애플리케이션 '유폰' 3.0 앱 in 웹뷰 / 웹 담당

스타트업 어플리케이션 ‘설탭’ - 콘텐츠 에디터 담당 / 프론트엔드팀 업무지원 1. 콘텐츠 워크플레이스(폴더/파일 저장소, 마크다운 에디터) 개발 콘텐츠팀에서는 학생의 학습을 돕는 개념설명, 예제, 모의고사, 퀴즈 등을 제작하고 있습니다. 그런데 콘텐츠 편집자가 작성할 수 있는 페이지가 없어서 편집자들이 어려움을 겪고 있었습니다. 그래서 콘텐츠 편집자가 콘텐츠를 만드는데 도와주기로 하였습니다. 이벤트 스토밍을 통해 중요한 도메인들을 발견하고, 사용자 스토리를 콘텐츠 편집자와 함께 작성하여 중요한 순서대로 일의 우선순위를 정했습니다. 그리고 스토리 단위대로 산출물을 구현해 나갔습니다. 한 번에 다 만들고 보여주는 것이 아닌, 작은 기능이라도 편집자가 사용할 수 있다면 피드백을 받았습니다. 피드백을 받으면서 방향을 조정하다보니 처음 생각했던 것과는 전혀 다르면서 더 좋은 산출물이 나왔습니다. 그런데 매번 방향을 바꾸다보니 코드에 변경이 많이 가해지는 것도 쉬운 일이 아니었습니다. 작성된 테스트코드를 기반으로 리팩터링을 하여, 기능은 커스텀 훅으로 분리하고 컴포넌트는 UI뷰의 역할만을 할 수 있도록 구조를 개선했습니다. 이렇게 요구사항에 민첩하게 대응할 수 있도록 유연성 있는 코드를 작성하려고 노력했습니다. 2. 프론트엔드팀 - TDD 교육 프론트엔드팀은 기존 프로젝트의 기술부채로 코드의 유지보수가 어렵고 한 곳에서 수정이 일어날 때마다 다른 위치에서 문제가 발생했습니다. 이로 인해 테스트의 필요성을 느끼고 있었습니다. TDD와 테스트코드의 작성 방법을 학습한 제가 교육을 담당하여 팀원들에게 개념 교육 및 코드 리뷰를 통한 학습을 진행했습니다. 테스트란 무엇인지, 테스트코드를 어떻게 작성하는지, 유닛테스트 및 통합테스트 등 테스트에 대한 개념을 먼저 학습했습니다. 이후 4주동안 주 단위 과제를 내주며 코드 리뷰어 활동을 하였습니다. 각 프로젝트에 테스트 환경 설정을 돕고, E2E 테스트를 적용하여 문제를 사전에 방지할 수 있도록 도왔습니다.

더보기

스타트업 애플리케이션 ‘우리집은도서관’ - 관리자 페이지 담당 1. 관리자 페이지 개편 기존 관리자 페이지의 코드를 걷어내고 신규 기술 스택을 적용하는 프로젝트였습니다. 동시에 운영팀에 추가된 요구사항을 빠르게 반영하기 위해 처음으로 TDD를 적용하여 개발을 진행했습니다.

더보기

유지보수(SM) 개발팀 - ‘잡코리아'에서 취업뉴스, 기업분석보고서, 이벤트 담당 1. 취업뉴스 개편 취업뉴스 카테고리가 너무 많아 사용자가 접근하는데 혼란을 주는 이슈가 존재하였습니다. 또한 카테고리별로 다른 테이블에 위치하고 몇가지 컬럼값이 다르게 존재하여 데이터의 통합과 정제가 필요한 문제가 있었습니다. 문제를 해결하기 위해 하나의 테이블에 데이터를 취합하고, 불필요한 컬럼을 제거하였습니다. 그리고 카테고리를 5개로 취합하여 새로운 컬럼을 배치하였습니다. 마이그레이션된 데이터를 토대로 개선된 UI를 적용한 뉴스페이지, 뉴스 편집자를 위한 관리자 페이지를 구축하였습니다. 유저 검색의 편의성을 증진시키기 위해 해시태그 기능을 만들었습니다. 제 1정규화를 적용하여 해시태그와 기사 간 원자성을 지킬수 있는 테이블을 새롭게 제작하였습니다. 또한 상단에 에디터 픽 TOP5를 만들었습니다. 평소에는 주간 클릭횟수 랭킹을 표시하며 에디터가 선택한 항목이 있을 경우, 해당 내용을 우선적으로 나타내는 뷰 테이블을 만들었습니다. 2. 기업분석보고서 기업 전체보기 메뉴 추가 기업분석보고서 컨텐츠에서 유저의 편의성 증진과 분기별로 변경되는 기업 분류(대기업, 중소기업, 외국계 등)를 반영하기 기업 목록 기능을 구현하였습니다. ‘금주 HOT 기업’이란 랭킹 시스템을 만들어 주간 단위로 클릭수가 가장 많은 게시물 TOP5를 구축하였습니다. 이를 통해 최근 관심을 받고 있는 기업을 확인할 수 있는 통계정보를 수집할 수 있게 되었습니다. 3. 친구초대 회원가입 이벤트 친구초대에 따른 회원가입 시 사은품 증정 이벤트 페이지를 제작하였습니다. 10만명을 대상으로 진행된 프로젝트로서 실제 결과는 1달동안 약 1만명이 참여하였습니다. 유저 초대를 위한 초대코드를 생성하는 로직을 작성하였습니다. 이벤트의 어뷰징을 막기 위해 고유 식별자를 무엇으로 설정할 지 고민했습니다. 유저아이디와 전화번호, 초대한 사람과 초대받은 사람 등 여러가지 경우의 수를 고려하여 코드를 작성했고 이벤트 시작부터 종료까지 지속적으로 모니터링하여 무사히 이벤트를 마쳤습니다.

더보기