미리보기

Description

우리리우 회사의 전반적인 프론트엔드 개발을 수행하고, 시니어 개발자 퇴사 이후 CI/CD 파이프라인 개선 및 서버 인프라 유지관리를 통해 서비스 안정성을 확보했습니다.

Detail

• i18n을 활용한 글로벌 서비스 확장 : 영어, 한국어의 다국어 지원 기능을 구축하여 글로벌 서비스 운영을 위한 다국어 환경을 최적화했습니다.

• 반응형 디자인 : 화면 해상도에 따른 모바일 및 데스크탑 UI 분리 설계를 통해 사용자 맞춤 경험을 제공하였습니다.

• S3 및 EC2 기반의 CI/CD 파이프라인 설계 및 유지보수

  : 다양한 배포 환경에 맞춘 CI/CD 자동화 시스템을 설계하고, EC2 인스턴스의 유지보수 및 최적화를 통해 서비스의 효율성을 향상시켰습니다.

Description

무인편의점 점장님들의 상품 구매를 위한 사자고 웹페이지를 개발하였습니다.

Detail

• Adobe XD를 활용한 데이터 중심의 웹사이트 디자인 개발: 사용자 행동 데이터를 기반으로 한 디자인 개선 작업을 통해, 기능성과 미적 요소가 조화를 이루는 웹사이트를 제작하였습니다.

• MySQL을 활용한 데이터 처리 로직 처리: 장바구니 추가, 수정, 삭제 등 주요 데이터 조작을 위한 SQL 쿼리 작성으로 애플리케이션 성능을 개선하였습니다.

• 백오피스 API 통신 유지보수 : 백엔드 개발자와 협업하여 API 호출 최적화와 데이터 동기화를 구체화하고, 실시간 데이터 처리가 가능한 백오피스 환경을 구축하였습니다.

Description

web3 토큰을 통해 우리리우의 아이템들(NFT, Land)을 사고팔수 있는 서비스

(Website)

Experience

• 프론트엔드 개발 중 MSW를 활용한 목업 API 구현으로 백엔드 의존성 최소화

• 메타마스크와의 연동을 통해 이더리움 토큰의 실시간 매매 기능 구현

• Web3를 활용한 메타마스크 OAuth 로그인 구현

• gitAttribute를 활용한 CI/CD 파이프라인 유지보수

Tech Stack

React.JS Typescript Styled-component Redux AWS EC2

Description

우리리우 홍보용 정적 웹사이트

(Website)

Experience

• Storybook을 활용하여 Figma 사용 디자이너와의 협업을 최적화하여 디자인 구현 프로세스의 효율성을 향상

• 별똥별, 텍스트 타이핑 등과 같은 애니메이션을 활용하여 웹사이트의 생동감 극대화

• 정적 웹사이트 배포를 위해 AWS S3 활용

Tech Stack

NextJS Typescript Redux Tailwind CSS Storybook AWS S3 AWS Cloudfront

Description

아이메타 홍보용 정적 웹사이트

(Website)

Experience

• 웹 성능 최적화를 통해 LCP 30s에서 1.5s까지 개선, Lighthouse 기준 53점에서 91점으로 상승

• pm2를 활용하여 무중단 상태의 CI/CD 구축

Tech Stack

NextJS Typescript Styled-component Storybook AWS EC2