기술 이력서

소개

안녕하세요


개발자 백승일입니다!

프론트엔드 개발자 백승일입니다.
문제를 해결함에 있어서 근본이 되는 원인을 파악합니다.
스킬에 욕심이 있어 기술에 관심이 많습니다.
앞으로 더 많은 분야를 경험해보고 싶습니다.

커리어

IMFORM
(2021.01.02~2024.01.10)
모바일 솔루션 회사 아이엠폼의 미래에셋페이, Catalog등 다양한 프로젝트에 참여했습니다.
LION ROCKET
(2024.07.28~2025.09.01)
캐릭터 이미지 생성 서비스 GENVAS의 프론트엔드 개발을 담당했습니다.

프로젝트

SHOOT POS(2021.02 ~ 2021.12)

소개

미래에셋페이 앱과 연동되는 window용 POS

I Do

  • 프론트엔드 환경 세팅 및 기능 구현

  • S3를 이용한 앱 버전 관리와 자동 업데이트 기능 구현

  • 결제API 연동

  • window 환경에서의 영수증 프린트 기능구현

기술 스택
프론트
  • React
  • Electron.js
  • Redux
etc
  • AWS S3
  • AWS EC2
projectImg
설명

미래에셋페이 앱과 연동되는 가맹점용 POS입니다.

가맹점의 window PC에서 동작하는 것이 목적이기에 Electron.js를 이용하였고, 내부에 보여지는 화면은 pm2등을 이용한 무중단 배포의 이점을 위해 React.js를 이용한 웹뷰로 진행하였습니다.

결제, 거래 내역확인, 로그인 등 전체 기능을 개발하였고, 특히 electron의 기능들을 이용하여 영수증 프린트 기능과 시작 프로그램 등록을 통해 PC 시작시 자동으로 실행되는 기능을 개발하였습니다.

브라우저 환경이 아닌 윈도우 환경에서 동작하는 서비스여서 신선하고, 많은 직군의 사람들과 소통함으로 많은 것을 배울 수 있었습니다.

CATALOG 서비스(2022.04 ~ 2023.12)

소개

모바일 전단 제작 서비스

I Do

  • 에디터 페이지 성능 최적화

  • 모바일 전단 뷰어 페이지 최적화

기술 스택
프론트
  • React
  • socket
  • Typescript
  • Styled-component
etc
  • Tencent-cloud
  • Jenkins
  • Node.js
projectImg
설명

여러 디자인의 모듈을 조합하여 하나의 페이지를 제작하고, 제작한 페이지들으로 모바일 전단지를 제작하는 서비스 입니다.

서비스의 유지보수를 맡았고, 페이지에 들어가는 모듈이나 콘텐츠가 많아 최초 랜더링이 3초 이상 걸리던 페이지 로딩 속도를 ObserverAPI를 이용하여 최적화 함으로 개선할 수 있었습니다.

GENVAS

소개

캐릭터 이미지 생성 서비스

I Do

  • GENVAS 프론트엔드 개발

  • 공용 기능 관리 및 함수화

  • 반응형 디자인 적용

기술 스택
프론트
  • Next.js
  • Typescript
  • Tailwind
  • Tanstack Query
  • Zustand
설명

사용자가 학습하고 싶은 캐릭터의 이미지를 업로드하여 해당 이미지 기반으로 사용자만의 캐릭터 모델을 만들고, 해당 캐릭터 모델을 이용하여 이미지를 생성하는 서비스 입니다.

팝업 및 모달 등의 UI는 react의 dynamic import를 이용하여 비동기로 불러오는 방식으로 구현하였습니다.

이미지를 랜더링하는 컴포넌트의 상태변화가 잦았기에 React의 memo를 이용하여 Props에 따른 랜더링 최적화를 진행하였습니다.

상품 결제 기능을 개발하면서 새창으로 뜨는 결제 화면과 프로젝트간의 통신을 위해 BroadcastChannel을 이용하여 통신을 진행하였습니다.

링크
GENVAS

기 술

Mind

  • 유저의 입장에서 편한 UI/UX를 추구합니다.
  • 기술은 도구이며 상황에 따라 적절한 도구 선택이 있다고 생각합니다.
  • 내 업무와 관련된 분야라면, 생소한 분야라도 흐름을 이해하고 소통하려고 노력합니다.
  • 프로젝트에 필요한 기술을 빠르게 이해하고 습득할 수 있습니다.

Front

  • 구조적인 HTML을 개발할 수 있습니다.
  • Media query를 이용한 반응형 웹 개발에 익숙합니다.
  • Javascript와 Typescript에 익숙합니다.
  • React와 Next를 이용한 개발에 익숙합니다.
  • TailwindCSS, antd과 같은 디자인 시스템에 익숙합니다.
  • Light house등의 성능 측정 도구를 사용하여 서비스를 최적화할 수 있습니다.

Back

  • Express, Nest.js등의 Node.js 서버 라이브러리로 api서버를 개발 한 경험이 있습니다.
  • MongoDB, Mysql, Radis 등의 DB를 이해하고 사용할 수 있습니다.

DevOps

  • AWS Route53, EC2, ELB, S3등의 서비스 이용에 익숙합니다.
  • Jenkins를 이용한 CI/CD의 경험이 있습니다.
  • 반복적인 업무를 Crontab같은 스케줄러를 이용하여 해결 할 수 있습니다.