미리보기

• 위성과 통신을 주고 받는 지상국 UI 개발

  • 수많은 데이터 중 Warning / Danger 값을 따로 표시하도록 개발해 유저의 사용성 개선

• 3D Orbit 개발

  • 인공위성 3D 모델과 이동 경로를 실시간으로 표시

• 수동 배포 방식을 바꾸기 위해 GitLab CI/CD 설정

  • Docker 파일과 스크립트 파일을 작성하고 GitLab CI/CD 활용해 자동 배포 도입

  • 스크립트를 작성해 최신 Docker 이미지 5개만 온프레미스 환경의 Registry에 저장, 관리

• 모두가 동일한 환경에서 개발하기 위해 공유 Config를 NPM에 배포

  • ESLint, Prettier를 설정하고 NPM으로 배포, 사용 방식 공유

• 사내 OKR 툴 풀스택 개발 및 배포

  • DB 설계, 서버(Next.js)/프론트엔드(Next.js) 개발 및 배포

• 고객 플랫폼 Front-end 담당 (https://semutong.com)

  • 초기 화면의 FOUC 이슈 등 서비스의 에러들을 파악하고 해결해 서비스 완성도에 기여

• 전문가 플랫폼 Front-end 담당

  • 컴포넌트 effect 내의 불필요한 데이터 fetch는 SSR를 활용해 props로 내려주도록 변경해 서비스 개선

• Flutter 웹뷰 담당

  • Android / iOS 지원을 위해 세무통 고객 플랫폼을 웹뷰의 형태로 Flutter 앱에 띄우도록 개발

  • 웹뷰 렌더링, 앱의 초기 스플래시 화면, 앱과 웹의 통신 등을 앱에 필요한 전반적인 기능 개발

• Back-end 담당

  • 세무 서비스 견적 요청의 상태와 구독 상태를 업데이트하는 api 개발, 테스트 작성

• 스프린트 스크럼 마스터

  • 스프린트의 진행 상황을 체크하고 플래닝/회고를 리딩하는 스크럼 마스터 담당

벚꽃 보러 가자는 말을 담은 초대장을 만들고 공유하는 서비스
2023.02.22 ~ 2023.04.22

깃허브 | 서비스로 이동 | 기술 회고
Skills : Next.js, TypeScript, TailwindCSS
Teams : FE 6명, Designer 1명
Contributions :

• 초대장 생성 페이지 개발
  ➡️ 생성 페이지 ➡️ 꾸미는 영역

• 캐릭터/스티커 드래그앤드롭 구현

• 초대장 생성 페이지 성능을 최적화해 4배 성능 개선
  ➡️ 최적화 과정

SSAFY 교육생들에게 편리한 기능을 제공해주는 종합 서비스
2022.10.11 ~ 2022.11.21 (6주)

깃허브
Skills : React.js, TypeScript, Styled-Components, React-Query
Teams : FE 3명, BE 3명
Contributions :

• axios interceptor를 이용한 JWT 재발급 로직 작성
  ➡️JWT 재발급

• 메인 페이지에서 즐겨 찾기 설정한 버스, 오늘의 메뉴, 핫 게시글 데이터들을 상황에 맞도록 렌더링하는 로직 작성
  ➡️메인 페이지

• 게시글 상세 페이지와 댓글 로직 개발
  ➡️게시글 상세 페이지

게이미피케이션을 활용해 지역 축제를 소개해주고 지역 상권을 추천해주는 웹 어플리케이션
2022.08.22 ~ 2022.10.07 (7주)

깃허브
Skills : Phaser.js, React.js, TypeScript, Styled-Components, React-Query, Recoil
Teams : FE 3명, BE 3명
Contributions :

• 미니맵 렌더링 방식 변경해 성능 개선
  ➡️미니맵

  • 기존에는 게임 화면을 축소한 맵을 추가해 미니맵으로 띄우던 방식

  • 맵을 이미지로 띄워 좌표만 렌더링하는 방식을 건의하고 개발해 성능을 크게 개선

• 메인 페이지 내의 UI 컴포넌트 전반을 개발

  • eventEmitter.on()으로 매초 Phaser에서 캐릭터 좌표를 가져와 업데이트

  • Phaser에서 매초 캐릭터 좌표를 전해주는 interval의 id를 가져와 렌더링 초기에 저장하고, 페이지를 변경할 때 interval을 정리