기술 이력서

소개

안녕하세요


개발자 백승일입니다!

대학에서 철학을 전공하였습니다.
기술로 세상의 불편을 해결하고 싶어 개발자가 되었습니다.
새로운 기술도 좋지만, 그 근본의 원리를 이해하려 노력합니다.
문제를 해결함에 있어서 `why` 에 집중하는 타입입니다.
스킬에 욕심이 있어 다양한 분야에 관심이 많습니다.
앞으로 더 다양한 비즈니스의 분야를 경험해보고 싶습니다.

커리어

IMFORM
(2021.01.02~2024.01.10)
모바일 솔루션 회사 아이엠폼의 미래에셋페이, Catalog등 다양한 프로젝트에 참여했습니다.

프로젝트

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 시작시 자동으로 실행되는 기능을 개발하였습니다.

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

DMS 서비스(2022.04 ~ 2023.12)

소개

지류 인쇄물 페이지 에디터 서비스

I Do
  • CI/CD 최적화

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

지류 인쇄물을 웹에서 제작하는 서비스입니다.

웹 페이지를 puppeteer를 이용하여 스크린샷을 찍고, pdf나 여러 사이즈의 파일로 만들어 잡지형식의 뷰어로 보여주는 서비스로 프로젝트의 인프라 구조를 공부하면서 웹 서비스의 인프라 구조에 대해 깊게 배우는 계기가 되었습니다.

서비스의 유지보수를 맡았고, 특히 여러대의 pdf제작 서버에서의 jenkins를 이용한 빌드 과정을 직렬식에서 병렬식으로 변경함으로 빌드에 들어가는 시간을 줄일 수 있었습니다.

CATALOG 서비스(2022.04 ~ 2023.12)

소개

모바일 전단 제작 서비스

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

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

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

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

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

이미지AI 서비스 PIXVAS

소개

생성형 AI를 이용하여 이미지 에디팅 서비스

I Do
  • openpose를 이용한 인물 Image to Image기능 및 포즈 추출 기능 개발

  • 이미지 Crop기능 개발

  • 텍스트 레이어 개발

  • 단축키(복사 붙여넣기, 작업 되돌리기 등)기능 개발

  • 작업 히스토리 기능 개발

  • 브랜드 페이지 개발

  • I18n을 이용한 다국어(영어/한국어) 지원

  • 회원가입시 gspread를 이용하여 google docs연동

  • 미니 이벤트 페이지 개발

기술 스택
프론트
  • React
  • Styled-component
  • Zustant
  • Typescript
  • SWR
etc
  • Tencent-cloud
  • Docker
  • FastApi
projectImg
설명

프롬프트 혹은 이미지를 기반으로 이미지를 생성하거나, 수정할 수 있는 서비스 입니다.

"OpenPose" 라는 오픈소스를 이용하여 이미지 안의 사람의 동작이나 포즈를 추출하고 변경하는 기능과 유저 친화적인 단축키, 작업 히스토리 기능등의 개발을 주로 맡았습니다.

이미지 Crop이나 스케치 기능을 구현함에 있어서 CanvasAPI를 이용하여 직접 구현하였고, 스택 구조를 이용하여 작업 히스토리 기능을 개발할 수 있었습니다.

이벤트자동화 서비스

소개

이벤트 생성을 위한 인프라 관리 서비스

I Do
  • 프론트엔드/백엔드 환경 세팅

  • Nest.js에서 nest-aws-sdk를 이용한 AWS서비스 연동

  • Docker를 이용한 CI/CD

기술 스택
프론트/백엔드
  • React
  • Typescript
  • Nest.js
  • SWR
etc
  • AWS
  • Docker
projectImg
설명

사용자가 간편하게 고정적인 이벤트 페이지를 개설하고 진행할수 있는 서비스입니다.

개발자가 아닌 사용자가 쉽게 사용하는 것을 목표로 개발하였습니다.

Nest.js와 AWS-sdk를 이용하여 AWS의 여러 서비스를 연동하여 클릭 한번으로 서버를 생성하고, 이벤트 페이지를 생성할 수 있습니다.

프로젝트를 진행하면서 웹 서비스의 인프라에 대해 좀 더 구체적으로 이해 할 수 있었습니다.

개인 프로젝트(트위치 멀티 뷰어)

소개

트위치 방송을 다중으로 시청 가능한 서비스

I Do
  • 트위치 openAPI 연동

기술 스택
프론트
  • Next.js
  • Typescript
  • Styled-component
  • SWR
projectImg
설명

트위치의 open-api를 이용하여 자신의 트위치 아이디로 로그인하여 팔로우한 스트리머들의 방송을 최대 5개 까지 시청할 수 있는 서비스 입니다.

링크
Twitch-multi-viewer

기 술

Mind

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

Front

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

Back

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

DevOps

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