신약개발 플랫폼 Hyperlab(https://hyperlab.hits.ai) 프론트엔드 개발 (2022.11 ~ - nextjs, typescript 프로젝트 초기세팅, 패키지버전관리 - git convention, lint-staged 도입 - jotai로 전역상태관리 - ngl.js를 활용한 receptor-ligand 상호작용 3d viewer 개발 - AI계산결과-실험값 비교를 위한 Chart viewer개발 - 서비스 유지보수 및 개발 - CES2023 참여 서비스 관련링크-(https://wowtale.net/2023/01/02/51111/) 생성형 AI 분자디자인 기능 개발담당(2022.05 ~ 2023.06) 디자인시스템 유지보수 - 컬러 팔레트 업데이트 - dropdown, tabview 등 공통컴포넌트 개발(storybook 문서화) 기능 구현 - websocket연결/ 상태관리를 통해 계산 progress 업데이트 - 분자 hierarchy view 및 북마크 필터링 기능개발 - 분자 table view 개발 / column분리로 랜더링 성능 개선 - 분자이름 변경시 디바운싱적용으로 랜더링 성능 개선 - 분자 이미지(svg) 파싱로직, click, hover dom 이벤트관련 클래스 작성 - optimistic update etc - hierarchy 라이브러리가 deprecate될 기능을 사용하고 있어서 관련 PR작성 - https://github.com/reaviz/reaflow/pull/209 Oneplatform 개발 (2022.01 ~ 2022.10) - hyperlab의 이전 버전인 신약개발 플랫폼 개발 - react.js, javascript 프로젝트 초기세팅, 패키지버전관리 - 이전 redux-saga의 불필요한 보일러 플레이트 코드로 인한 생산성 저하를 체감하여 redux toolkit으로 전역상태관리 - toolkit의 ducks pattren개선 - 로직을 담당하는 service레이어 분리 - 디자이너와 협업하여 디자인시스템 개발 - atomic 컴포넌트로 화면개발 - redux-toolkit 전역상태관리 - storybook 컴포넌트 UI테스트 - jest, cypress로 유틸함수 단위테스트 및 유저시나리오 기반으로 e2e 테스트 작성 - 유저 사용량 측정을 위한 google tag manager, google analytics 적용 - 제휴 제약사 인원 및 내부 연구원 피드백을 통한 기능 및 UI 유지보수 내부연구원 분자계산 웹서비스 (2021.10 ~ 2021.12) - 1인개발로, react.js, javascript 프로젝트 초기세팅, 패키지버전관리 - redux-saga로 전역상태관리 - google oauth로 사내 이메일 로그인 구현 - AI계산에 필요한 여러 옵션을 체크하고 계산하는 기능 구현 - 계산된 분자를 2d image로 그려 table형태로 제공 - 2d image - intersection API를 사용해 스크롤에 따른 노출을 통한 최적화 적용 내부연구원 분자 다운로더 웹서비스 구현 (2022.11) - rcsb open api를 활용하여 분자파일을 다운로드 받을 수 있는 서비스 - 업로드한 분자는 여러 원자들이 합쳐진 분자로, ngl.js를 활용해 receptor, dna, water 등 특성에 따라 분류 후 각 파일을 다운로드할 수 있는 서비스 사내 OKR 발표(22.08) - 사내 직원 대상으로 프론트엔드 업무에 대한 이해를 돕기위한 발표진행

더보기