박하은

• 파스토셀프 2.0 개발

네이버 No.1 공식 풀필먼트 협력사인 파스토의 새로운 쇼핑몰 통합관리 솔루션

• 아토믹 디자인과 Compound Components 패턴을 활용한 공통 Input, Textarea 컴포넌트를 설계 및 개발하여 개발 공수를 줄임
• react-hook-form을 포함한 고차 컴포넌트를 개발해 form 구현에 필요한 코드량을 30% 이상 감소시킴
• 프로젝트의 핵심 기능인 택배 예약 프로세스와 상품 등록, 결제 내역 등의 페이지를 개발하고 전체 레이아웃 스타일 및 반응형 작업을 도맡아함

• 정산 백오피스 개선 및 유지보수

• 확장 가능한 MUI 기반 공통 컴포넌트(Select, Header, Accordion 등)를 개발해 코드의 재사용성을 높임
• 디자인 없이 백엔드 개발자들과 소통하며 사용성을 고려한 UX 개발

• 홈페이지 테스트 자동화

• 비즈니스 로직이 복잡해 테스트 시 휴먼에러가 자주 발생했던 물류 견적 문의, 문의 내역 목록, 조회 페이지 개선을 위해 모든 케이스의 테스트 시나리오를 작성하고 버그 목록을 문서화
• Cypress로 견적 문의, 문의 목록, 조회 페이지 E2E 자동화 테스트 구현
• POM 패턴을 적용해 UI가 변경되어도 테스트 코드를 수정하지 않아도 되도록 개발
• 테스트에 반복적으로 사용되는 로그인, 로그아웃 등의 커스텀 커맨드를 구현해 휴먼 에러 제로화

• 팀 문화와 생산성에 기여

• 동료와 함께 성장하고자 스터디를 조직해 6개월 이상 주도하며 함수형 프로그래밍과 Next.js, 회고 스터디 진행
• 업데이트가 되어있지 않은 프로젝트 설정 가이드를 현행화해 신규 입사자의 온보딩을 도움

• 국가정보자원관리원 종합관제 보안시스템 (nMAPS)

우리나라 모든 공공기관 웹 서비스, 네트워크, 물리 호스트간 관계를 시각화해 관제하는 프로그램

• 60개의 노드와 100개의 엣지 모델을 기반으로, 매일 수집된 데이터로 Neo4j GDB를 생성
• Python으로 데이터를 가공한 뒤 FastAPI로 다른 서버에 보내 Docker로 Neo4j 쿼리를 실행하는 Batch Job 구현
• Django REST 프레임워크로 어드민 페이지의 GDB 관련 부분 모델링 및 CRUD 폼 구현
• 바닐라 JS와 go.js로 네트워크 분류체계 관리자 조회용 웹의 이벤트, 인터랙션 개발

• 창업진흥원 창업교육 플랫폼, KAIST 약물 상호작용 예측 하이브리드 앱 등

• NAVER API를 연동해 관리자가 메일과 SMS 알림을 전송하는 기능을 구현하고 사용자의 알림 조회 페이지를 개발
• PHP로 데이터를 가져와 약물 상호작용 위험 조합 그래프를 보여주는 페이지 개발

• 직접 디자인하고 스타일 구현, mobile-first, 반응형 웹앱으로 다양한 기기에서 글을 읽을 수 있음
• next-mdx-remote로 마크다운을 HTML로 재구성해 보여주고 frontmatter로 태그별 조회 가능
• 사이트맵과 페이지별 메타 태그를 사용해 SEO를 적용하고, Git workflow로 배포 시마다 사이트맵을 생성해 구글 검색 엔진에 등록하도록 자동화
• husky로 깃 커밋 컨벤션을 지정해 일관성 있는 커밋 메시지를 작성하고자 노력함