미리보기

• 효율적인 협업을 위해 Atomic Design Pattern과 Copound Design Pattern을 활용하여 프론트엔드 보일러 플레이트 템플릿 구현 및 사내 교육 진행

• 프로젝트 단위로 개발 환경 업데이트를 체계화하기 위해 프로젝트 종료 후 프로젝트 회고 추진

• 코드 리뷰 문화를 정착시켜 개발 지식 공유와 초기 단계에서의 버그 발견을 통해 품질 개선

자사몰 플랫폼

Next.js, Styled-Components, React-Query, Zustand

• 자사몰 쇼핑몰 플랫폼 개발

• 프로젝트 리더로 일정 관리 및 타팀과의 소통 진행

• 정기 결제 및 간편 결제 기능 구현

한국과총웹진

React, Styled-Components, React-Query

• 한국과학기술단체총연합회에서 발생하는 웹진 플랫폼 개발

• 프론트엔드와 백엔드 동시 개발 투입으로 API 지연 문제를 MSW 도입으로 개발 시간 단축

• 뉴스레터 발송용 이메일 템플릿 구현

무무스트

React, Styled-Components, React-Query

• 아이디어 보유 사용자와 아티스트를 매칭하는 플랫폼 개발

• 협업 시 함수 수정으로 인해 기능이 작동하지 않거나 완료한 코드에서 오류가 발생하던 문제를 테스트 코드를 작성하여 오류 발생 빈도를 줄이고, 안정성을 높임

로맨 홈페이지

Next.js, Styled-Components, React-Hook-Form, React-Query

• 자사 소개 홈페이지 모바일 페이지 개발

• SEO를 고려하여 React에서 Next.js 마이그레이션 및 검색 상단 노출을 위해 meta tag 관리

• 프론트엔드팀 리더로 클라이언트와 소통 및 프로젝트 일정 관리

• 정기적인 팀 스터디를 통해 지식 공유와 함께 팀원들과의 성장 도모

사주 플랫폼

React Native, Styled-Components, Expo

• 생년월일과 위치 기반으로 사주 산출 플랫폼 개발

친절한 영어교실

React, Styled-Components, Redux

• 고령층을 위한 영어 강의 플랫폼 개발

• 사용 연령층이 고령층인 만큼 글자 크기를 크게 조정하고, 서비스 이용 단계를 최소화하여 접근 편의성 고려

• 계좌이체 및 해외 결제 기능 구현

Smart Keeper

React, Styled-Components

• 보안 제품을 판매하는 회사의 소개 홈페이지 개발

• 반복되는 코드를 유틸 함수로 관리하여 팀 전체의 생산성 향상

Next.js, Socket.io, TypeScript, Node.js, Docker, Nginx, GitHub Actions

[ 서비스 링크 ] [ GitHub ] [ 회고 ]

프로젝트 소개

실시간으로 동료들과 함께 노동요 재생목록을 만들고 재생시킬 수 있는 서비스입니다.
복잡한 과정 없이 유튜브 동영상 링크를 통해 간단하게 재생 목록을 추가할 수 있습니다.
또한, 반복 재생 및 재생목록 셔플 기능을 제공하여 다양한 방식으로 음악을 즐길 수 있습니다.

담당한 역할

• Next.js를 기반으로 서비스 개발

• Youtube Iframe API를 활용해 영상 링크를 통해 재생 목록 생성 및 재생 기능 구현

• Docker 이미지 최적화를 통해 배포 시 서비스 용량이 4.6GB에서 300MB 감소

• HTTPS 배포를 완료한 후, Progressive Web App(PWA) 기술을 활용해 웹앱 형태로도 서비스 제공

참여 인원

• 1인 개발

Next.js, Socket.io, TypeScript, Node.js, Docker, Nginx, GitHub Actions

[ 서비스 링크 ] [ GitHub ] [ 회고 ]

프로젝트 소개

모두에게 친숙한 마피아 게임을 브라우저로 즐길 수 있는 서비스입니다.
사용자는 Socket 기반으로 방을 생성하고 플레이어를 초대하여 게임을 진행할 수 있습니다.
실시간 채팅과 원활한 게임 흐름을 제공하며, 손쉽게 방을 만들어 플레이할 수 있습니다.

담당한 역할

• Next.js 기반으로 프론트엔드 개발

• Node.js와 Socket.io를 사용해 사용자 간 실시간 채팅 및 게임 진행을 위한 서버 구현

• Docker와 Nginx, GitHub Action를 이용해 배포 자동화 파이프라인 구축

• 데스크탑을 Linux 서버로 만들어 자체 서버 배포

참여 인원

• 1인 개발

React Native Cli, TypeScript, Styled Components, React Query

프로젝트 소개

여행 순간을 기록하고 공유할 수 있는 모바일 애플리케이션입니다.
사용자는 여행 일정 등록, 실시간 위치 기반 경로 로깅, 그리고 여행 스팟에 사진과 글을 등록하여
나만의 여행 일기를 작성할 수 있습니다.

현재 Google Play Store에 등록을 목표로 개발을 진행하고 있습니다.

담당한 역할

• 프로젝트 리딩 및 전반적인 개발 관리

• 실시간 위치 정보를 받아 MapLibre와 연동하여 사용자의 현재 위치 및 여행 경로를 시각화

• 카카오, 네이버, 구글 로그인 구현

• 파이어베이스 배포를 활용한 애플리케이션 실사용 테스트

참가 인원

• 팀 리딩 및 프론트엔드 : 1명 - 담당 업무

• 백엔드 : 1명

• 디자이너 : 1명