Contact.

Email. [email protected]

Phone. 010-8466-1630

Channel.

Blog**.** 개발블로그 바로가기

GitHub. 깃허브 바로가기

Project Experience.

팁퍼 Tipper

팀 프로젝트 (FE 5명, 디자이너 1명)

2023.02.06 ~ 2023.03.13 (5주)

📎 Service

📎 Github

금융관리가 어렵고 생소한 사회 초년생, 초보자들을 위한 팁을 드리는 팁퍼.

• 랜딩페이지 UI, 기능 구현.
  • React.js를 통해구현
  • IntersectionObserver를 사용하여 유저의 스크린 뷰에 따른 애니메이션 구현.
• 서비스(상품비교) 페이지 UI, 메인기능 구현
  • Firebase에 내재화된 데이터를 기반으로, 유저가 선택한 니즈를 고려하여 데이터 정렬 및 리스트화.
  • 유저가 입력한 금액을 쉼표를 제거한 숫자로 변환하여 억, 만, 원으로 포맷팅.
• 애니메이션 속도, 이미지, 코드 최적화를 통한 랜더링 성능 개선.
• 디자이너와 Figma를 통한 UI / UX 협업. (피그마 바로가기)

트러블 슈팅.

• 예금, 적금 리스트를 가져오는 4개의 함수가 순차적으로 실행 됨으로써 시간적으로 비 효율적이고, 오류발생 시 더욱더 지연되는 부분을 Promiss.all() 메서드를 사용하여, 함수를 병렬로 실행하고, 전체 실행이 완료되면 한번에 모든 결과를 처리하도록 하였습니다.

여러개의 비동기 함수 사용시 Promise.all() 메서드를 사용하기.

• 유저가 입력한 숫자를 포맷팅하는 과정에서 숫자로는 ,(쉼표)가 잘 찍히고 있으나 한글 표기 시 천만이상 단위에는 ,(쉼표)가 찍히지 않는 현상해결.

input에 입력한 값을 ,로 끊어주고 한글로 포맷팅하는 법.

Work Experience.

와디즈(주)