미리보기

• 5개의 제품을 전담하여 사내 실물 단말과 Appium으로 구현한 가상 단말로 매월 주기적인 인수 테스트를 진행하고 보고서를 작성했습니다.

• Python과 Selenium 라이브러리로 안드로이드 단말의 테스트 자동화 스크립트를 작성하여 GitLab에 업로드하고 적용하였습니다.

• 전담 제품 및 상술한 스크립트의 메뉴얼을 JIRA에 예시 이미지와 함께 작성하여 인수인계 등에 사용했습니다.

• 개발 팀장과 K은행 본사에 지원하여 개시 예정인 서비스를 테스트하였습니다.

• 인턴 업무 중 기능별로 구분해 인수 테스트를 하는 경험 이후 프로젝트를 주요 기능별로 나누어 작업 계획을 짜는 습관을 가지게 되었습니다.

FE 5人 & BE 2人 & DE 1人 中 FE & PM

• 아마추어 예술인들(학생, 일반인)을 대상으로 자신의 작품을 실시간 방송과 같은 형태로 경매할 수 있는 웹 서비스입미다.

• 팀장으로서 PM 뿐만 아니라 DE-FE-BE 간의 의견 조율 및 소통의 가교 역할을 수행하였습니다.

  • Discord 서버와 Discussions, Wiki 등의 다양한 Github 기능을 연동 및 활용하여 각 팀 간의 원활한 자료 공유 및 의사소통이 용이한 환경을 구축하였습니다.

  • 사전에 대략적인 마일스톤을 수립한 후, 정기적인 팀 별, 팀 간 회의를 진행하여 진행이 지지부진해지지 않도록 유도하였습니다.

• 경매 등록 기능 구현을 위해 React Hook Form을 활용해 리렌더링을 최소화하고, Zod를 병행 적용하여 구체적인 유효성 검사를 시행하였습니다.

• 라이브 경매 방송 시스템을 구현하기 위해 Navigator.getUserMedia를 활용해 웹캠을 연결하였습니다.

• SockJs와 STOMP를 활용한 실시간 채팅 시스템을 구현하던 도중, Client 객체가 휘발되어 서버 데이터가 연동되지 않는 현상이 발생하였습니다. 이를 해결하기 위해 useRef 대신 useState에 Client 객체를 저장하고, 채팅 로그 또한 subscribe의 콜백 함수에 useState와 useEffect를 연결하여 클라이언트를 갱신하도록 하였습니다.

Next.js, Typescript, TailwindCSS, Axios, STOMP, Zod, Github

🔗 https://github.com/Team-YUMU/YUMU-FE

FE 4人 中 FE & PM

• N사의 지식in처럼 익명의 사용자가 익명의 사용자에게 1:1로 문답을 받을 수 있는 웹 서비스입니다.

• 프로젝트의 원활한 진행을 위해 Discord, Figma, Github 등으로 개발 환경을 구축하고, 마일스톤을 설정하였습니다.

• React 라이브러리로만 작성되어 있던 기존 프로젝트를 Next.js 프레임워크로 마이그레이션 하였으며, 동시에 Typescript로도 마이그레이션하였습니다. 스타일 또한 moduleCSS에서 SCSS로 전환하였습니다.

• Tags 컴포넌트가 React Hook Form의 사용 유무를 선택 가능하게 하도록 React.forwardRef를 적용하여 props로 ref를 전달 받도록 하였습니다.

• 기상청 기상 초단기 실황 공공데이터를 활용하기 위해 공식 문서를 확인하였으나, 프로젝트 관련 정보가 분산되어 있으며 가독성이 낮아 사용법 숙달에 문제가 생겼습니다. 이를 해결하기 위해 직접 필요 사항과 사용 예시를 메뉴얼화 하여 작업의 진척도를 높였습니다.

Next.js, Typescript, SCSS, Axios, Github

🔗 https://quick-question-weather.vercel.app/