✉️ Email: [email protected]
📱 TEL: 010-2353-7803
Github: https://github.com/juno7803
Blog: https://velog.io/@juno7803
Frontend Developer
2021.12 ~ current
2021.12 ~ 2022.02
지그재그 앱내 웹뷰로 구현된 알림센터를 사용성을 고려한 개선 작업 및 레거시 코드 개편을 진행하였습니다.
React
Next.js
Typescript
Storybook
react-query
graphql
jotai
emotion
2022.02 ~ current
기존 레거시 프레임워크(mithril.js)로 작성된 파트너센터를 React로 마이그레이션 하며 신규 기능들을 추가하는 작업을 진행했습니다.
미스릴과 리액트가 공존하는 파트너센터에 Storybook과 msw를 세팅하여 도입했고, 관련된 문서를 작성하여 앞으로 작성될 컴포넌트와 페이지들에 대해 UI 테스트가 용이하도록 하였습니다.
기존 쉘 스크립트에서 apollo codegen을 통해 api를 생성한 뒤 필요시 react-query hook으로 직접 모두 래핑하고 있었는데, 이를 graphql react-query codegen을 이용하여 자동으로 모두 생성해주도록 변경해주는 작업을 제안 및 진행하였습니다.
React
Next.js
Typescript
Storybook
react-query
graphql
jotai
emotion
Frontend Developer
2021.06 ~ 2021.12
2021.06 ~ 2021.12
legacy 코드를 리팩토링하고 새로운 도메인인 어학당을 개발하는 업무를 담당하였습니다.
외국인들의 한국어학당 신청 및 현황 관리를 위한 사내 어드민 페이지 개발하였습니다.
graphql fragment를 이용하여 데이터 의존성에 따라 컴포넌트를 나누고 구현하였습니다.
꼼꼼한 리뷰를 팀원들과 주고 받으며 좋은 설계와 좋은 코드가 무엇인가에 대한 고민을 끊임없이 팀 단위에서의 고민했습니다.
React
Next.js
Typescript
Recoil
graphql
Apollo
styled-components
Frontend Intern
2020.07 ~ 2020.09
2020.07 ~ 2020.09
태양광 발전소 모니터링 서비스(PVMS) 개발을 담당해 기획, 와이어프레임에 관여하여 백엔드 개발자 한명과 단독으로 진행한 프로젝트 입니다.
모니터링 서비스 특성 상 서버로 부터 일정 시간 간격으로 최신 데이터를 받아와서 redux store에 일정 주기로 상태를 업데이트 함. 이때 비동기 통신에 redux-thunk 미들웨어를 활용하였습니다.
Amchart를 이용한 일/월/연도별 그래프를 제작, 일 발전량 그래프에서는 실시간으로 업데이트 되도록 데이터를 시각화 하였습니다.
Jira를 활용한 task 관리, Bit bucket을 통한 형상 관리, swagger를 통한 백엔드 개발자와의 협업 경험
React
Typescript
Redux
Scss
Bootstrap
Frontend Developer
Frontend Developer