미리보기

디지털로 해양을 혁신하는 랩오투원에서 디지털 해운 솔루션의 For Ship(선박 설치 프로그램 파트)파트를 담당했습니다. 기존 Angular.js로 이루어진 자사 솔루션을 React.js로 리뉴얼했습니다. Migration이 아닌 Renewal작업을 수행했기에 기획/디자인, 개발 레벨까지 모두 참여했습니다.
개발 문서 공유, 코드리뷰, 개발산출물 양식 작성 등의 업무 수행을 통해 꾸준한 의사소통에 기여할 수 있도록 노력하였습니다.

시연동영상은 여기서 보실 수 있습니다.
https://www.linkedin.com/posts/lab021_vessellink-samrtship-maritime-activity-7082874947412381696-uuPJ?utm_source=share&utm_medium=member_desktop

기존 자사 솔루션의 리뉴얼을 통해 앱의 성능을 높이는 데 기여했습니다.
솔루션 내의 Main Layout 퍼블리싱 및 기능을 개발했습니다.(기여도 100%)
Noon Report, CII, China ECDS등 앱 내부 주요 페이지에 대한 퍼블리싱과 개발을 했습니다.(기여도 85%)
주요 컴포넌트 모듈화를 통해 개발 프로세스 단순화에 기여했습니다.(기여도 100%)
리액트 훅을 통한 캐싱처리로 웹서버 부하량 저하 경험이 있습니다.
주간 코드리뷰 문화 경험이 있습니다.
기타 개발 산출물 작성에 대한 이해도가 좋습니다.

저의 취미인 뜨개질에 대한 플랫폼입니다. 뜨개질로 완성한 편물들을 자랑하는 서비스를 기획했습니다.
기본적인 CRUD와 소셜로그인을 구현하는 것은 물론,

• firebase를 통한 이미지관리
• wisywyg에디터 활용
• Intersection Observer를 통한 Lazy-loading 구현
• children props 사용을 통한 재사용성 극대화
• code-splitting 을 통한 tree-shaking
  을 구현하고 있습니다.

http://memorious-korit.s3-website.ap-northeast-2.amazonaws.com

우리가족을 위한 공간, 메모리어스를 제작했습니다. 가족의 일정, 메모, 회의록, 건강 차트를 일목요연하게 한 웹앱에서 관리할 수 있도록 제작된 웹앱입니다.

Tech Stack
React.js/emotion/recoil/react-qeury/Spring boot(maven)/MySQL/mybatis

• 가족의 건강지수를 차트로 체크할 수 있게, d3.js를 활용하여 차트를 작성했습니다.
• 리액트 custom hook을 통해 컴포넌트를 모듈화 하여 코드 생산성을 증가시켰습니다.
• antd 테마를 사용하여, 획일화된 ui를 작성하는 데에 어려움이 없도록 하였습니다
• firebase를 사용하여 이미지를 관리하였습니다.
• prettier, ESLint를 통해 코드 컨벤션을 통일하는 데에 추가적인 리소스가 새어나가지 않도록 하였습니다.

군대 컨셉의 챌린지 서비스 플랫폼 솔저챌린저스입니다.

https://github.com/Hangae6C6/MilitaryFE

전역이 다가오는 국군장병들이 방황하지 않도록 같은 주제를 가진 챌린지 룸 안에서 챌린징할 수 있는 플랫폼을 기획하였습니다.

Tech Stack
React.js/Styled-component/Redux/immer/socket.io

• 챌린지 룸 내의 인원들과 지속적으로 소통할 수 있도록, 채팅서비스를 socket.io를 통해 적용시켰습니다.
• 플랫폼의 흥미도를 높이기 위해, 군대 컨셉의 직업적성테스트를 추가했습니다.
• 카카오 소셜로그인을 통해 UX를 증진시켰습니다.
• AWS Amplify를 통해 CI/CD 파이프라인을 구축하였습니다.

영국에서 반년가량의 어학연수를 수행했습니다. CEFR B2 레벨로 귀국할 수 있었습니다.
또한 글로벌한 분위기 속에서 다양한 사람을 만나며 여러 문화를 체험했습니다.