미리보기

• React를 활용하여 블록체인 기반의 웹 페이지 제작 및 유지 보수를 수행.

• 다양한 프로젝트에서 프론트엔드 개발을 주도하며, 안정적이고 사용자 친화적인 웹 서비스 제공.

• 주요 업무:

  • 블록체인과 연동된 웹 페이지의 기능 구현 및 유지 보수.

  • 새로운 페이지 제작 및 기존 페이지 개선.

  • NFT, 토큰 스테이킹 및 사용자 자산 확인 기능 개발.

• 두 회사에서 웹사이트의 기획, 디자인, 제작, 배포까지 전 과정을 독립적으로 수행하였습니다.

• 회사 내 별도의 가이드나 지원이 없는 상황에서도 필요한 기술(PHP, JavaScript, HTML5, CSS3, WordPress)을 독학하며 문제를 해결하였습니다.

• 개인적으로 조사와 실습을 통해 CMS와 기술 스택의 필요성을 파악하고 학습하였으며, 이를 실무에 적극적으로 활용하여 맞춤형 페이지를 구현하였습니다.

• 제한된 리소스와 환경 속에서도 효율적으로 프로젝트를 완수하며, 개발 기술 학습의 즐거움과 문제 해결 능력을 키웠습니다.

• 두 회사에서의 경험을 통해 독립적으로 업무를 수행할 수 있는 능력을 갖추었으며, 개발자로서 성장할 기반을 다졌습니다.

✅ 프로젝트 설명

• SRT-Whisperer는 Faster-Whisper 모델을 활용하여 오디오 파일을 SRT 자막 파일로 변환하는 자동화 프로젝트입니다. 사용자가 원하는 언어로 자막을 생성할 수 있도록 다국어 지원 기능을 제공하며, GPU와 CPU 환경 모두에서 효율적으로 작동합니다. 이 프로젝트는 특히 큰 오디오 파일에 대한 빠르고 정확한 변환 기능을 통해 콘텐츠 제작에 유용한 도구로 활용될 수 있습니다.

✅진행하면서 느낀 점

• 처음에는 네이버 클로바 노트를 사용했으나 용량 제한과 크기 제한으로 인해 불편함을 느꼈습니다. 이후 OpenAI에서 제작한 Whisper 모델을 접하게 되었고, 이를 활용하여 저에게 필요한 프로젝트를 직접 구현하게 되었습니다.

• 이 프로젝트는 외국어로 제작된 음성이나 영상 콘텐츠에서 텍스트를 추출해 자막 파일을 생성함으로써 영상 내용을 보다 쉽게 이해하거나 외국어 학습에 활용할 수 있었습니다. 또한, 회의록이나 통화 기록을 텍스트로 변환하여 중요한 정보를 손쉽게 확인할 수 있게 되었습니다.

📎깃허브 링크
📎관련 블로그 포스팅

✅ 주요 업무

• Thirdweb 라이브러리를 활용하여 블록체인 기반 NFT 민팅 및 조회 기능을 구현하며, 안정성과 효율성을 보장.

• 컴포넌트 기반 설계로 직관적이고 유지보수 가능한 코드를 작성하여 프로젝트 확장성을 확보.

• React 훅 커스터마이징을 통해 중복 로직 제거 및 컴포넌트 재사용성을 극대화하여 개발 생산성 향상.

✅ 코드 품질 향상을 위한 노력

• 팀 내 ESLint와 Prettier 도입을 제안 및 적용하여 코드 컨벤션을 표준화하고, GitHub 코드 병합 및 충돌 과정에서 소요 시간을 단축.

• CRA에서 Vite로 마이그레이션을 주도하여 빌드 속도를 50% 이상 개선, 개발 환경의 효율성을 대폭 향상.

• 멀티 레포지토리로 운영되던 프로젝트를 모노레포로 통합 마이그레이션하여, 코드 중복 문제를 해결하고 유지보수 시간을 절감.

📎프로젝트 링크
📎관련 블로그 포스팅

• 목적: Pixel Art를 컨셉으로 한 자기소개 및 포트폴리오 웹사이트를 제작하였습니다.

• 활용 기술: React, Redux, Framer Motion, styled-components.

• 주요 성과:

  • 레트로 게임 요소를 활용하여 인터랙티브한 웹사이트를 구현하였습니다.

  • Framer Motion을 활용한 애니메이션 효과로 페이지 간 상호작용을 구현하였습니다.

  • Redux를 사용해 페이지 상태를 효율적으로 관리하여 일관된 사용자 경험을 제공하였습니다.

• 배운 점: 웹 애니메이션과 상태 관리의 중요성을 체감하며, 개발 과정에서 서버 부담과 플랫폼 제약에 대한 이해도를 높였습니다.

• 프로젝트 링크 : https://pung8146.github.io/pshportfolio/

• 깃허브 : https://github.com/pung8146/pshportfolio