프로필 사진

처음 개발을 접했을 때, 제가 작성한 코드가 화면에 바로 나타나는 경험이 무척 흥미로웠습니다.
작은 코드의 변화가 실제 화면의 동작과 사용자 경험에 영향을 준다는 점에서 큰 매력을 느꼈고,
그때부터 프론트엔드 개발자로 성장하고 싶다는 목표를 가지게 되었습니다.

새로운 기능이나 기술을 접할 때마다 단순히 구현하는 것에 그치지 않고,
더 효율적인 방법은 없는지 고민하며 개발하고 있습니다.
특히 사용자가 웹 서비스를 이용할 때 불편함 없이 정보를 찾고 기능을 사용할 수 있도록 하는 것을 중요한 가치로 생각합니다.

또한 프로젝트를 진행하며 소통과 협업의 중요성을 느꼈습니다.
개발은 혼자 완성하는 작업이 아니라 여러 구성원과 함께 만들어가는 과정이라고 생각합니다.
명확한 커뮤니케이션을 통해 의견을 공유하고 더 나은 방향을 함께 고민하는 개발자로 성장하고자 합니다.

아래로 스크롤 안내
최상단으로 이동

Skills & Education

Skills

HTML
CSS
JavaScript
React
Next JS
TypeScript
Github
Firebase
Figma
Node JS
MySQL
HTML
CSS
JavaScript
React
Next JS
TypeScript
Github
Firebase
Figma
Node JS
MySQL

Education

ESTsoft 프론트엔드 개발자 부트캠프 오르미 1기

2024.06 ~ 2024.10

Archiving

GitHub

소스 코드 저장소입니다.

  • 혼자서 코딩 공부 한 소스 코드
  • 프로젝트 소스 코드

Velog, Tistory

공부 및 지식 공유 목적의 블로그입니다.

  • 공부한 내용을 복습하기 위해 기록
  • 프로젝트 내용 정리
  • 개발하면서 배운 내용 및 해결 방법 정리
  • 지식 공유를 통한 선한 영향력 선사

Career

HB디지털이노베이션 2026.07 ~ (재직중)

한빛자산관리대부그룹 계열 금융IT 서비스기업

채권관리 업무 운영 및 업무 시스템 개발·개선 담당

델타이에스 2025.01 ~ 2026.07

"CAE/CFD 솔루션 판매 및 엔지니어링 컨설팅 기업"

기업 홈페이지 리뉴얼 및 서비스 구축 - 델타이에스

2025.01 ~ 2025.06, 2026.03 ~

WIX 기반 기업 홈페이지를 Next.js 환경으로 마이그레이션하고 서비스 구조를 재설계하여 성능 및 운영 효율 개선

주요 업무

  • Next.js 기반 기업 홈페이지 UI/컴포넌트 개발 및 서비스 구축
  • Firebase 연동 문의 시스템 및 관리자 대시보드 개발
  • Google Analytics / Calendar / Drive API 연동
  • 문의 채팅 및 이메일 알림 자동화 기능 개발
  • Cloudinary CDN 기반 이미지 관리 및 성능 최적화
  • SEO 구조 개선 및 검색엔진 노출 최적화

성과

  • 정적 사이트 → 서비스형 구조 전환으로 유지보수 효율 개선
  • 이미지 로딩 및 페이지 성능 최적화 구조 구축

Tech

Next.js · TypeScript · Tailwind · Firebase · Cloudinary · Google API · Nodemailer

대규모 이메일 발송 시스템 개발

2025.07 ~ 2025.09

Excel 기반 수신자 데이터를 활용한 대량 이메일 자동 발송 데스크톱 시스템 개발

주요 업무

  • Excel 업로드 기반 수신자 자동 추출 기능 개발
  • Gmail SMTP 기반 대량 메일 발송 시스템 구현
  • 멀티 메일 계정 관리 구조 설계
  • 메일 발송 성공/실패 로그 관리 시스템 구축
  • Electron 기반 데스크톱 애플리케이션 개발

성과

  • 수작업 메일 발송 업무 자동화
  • 발송 이력 추적 및 운영 안정성 확보

Tech

Next.js · Electron · TypeScript · Nodemailer · ExcelJS

사내 업무 관리 및 전자결재 시스템

2025.10 ~ 2026.03

전자결재·업무보고·일정관리를 통합한 사내 업무 플랫폼 설계 및 개발

주요 업무

  • 1~3차 다단계 전자결재 시스템 설계 및 구현
  • 업무 보고 및 관리자 관리 기능 개발
  • 실시간 알림 및 이메일 자동 발송 시스템 구축
  • Google Drive API 기반 파일 업로드 및 권한 관리
  • FullCalendar 조직 일정 관리 기능 구현
  • React Query 기반 서버 상태 관리 및 캐싱 구조 설계

성과

  • 문서 승인 프로세스 디지털 전환
  • Firebase 인덱스 및 캐싱 조회 성능 개선 및 클라우드 비용 최적화
  • 조직 업무 흐름 중앙화

Tech

Next.js · TypeScript · React Query · Redux · Firebase · FullCalendar · Nodemailer

Project

RunPick

RunPick 사이트의 스크린샷
2026.02 ~ 2026.05 (1인 프로젝트)

러닝이 취미라 마라톤 대회에 자주 참가하고 있는데, 참가할 대회가 무엇이 있는지 찾아보고 비교하는 과정이 번거롭다고 느꼈습니다. 기존에도 다양한 마라톤 정보 사이트가 있었지만, 실제 러너 입장에서 직접 사용하기 편한 마라톤 정보 플랫폼을 만들어보고자 개발하게 되었습니다. 또한 단순히 대회 정보를 확인하는 것뿐만 아니라, 러너들끼리 자유롭게 정보 공유와 질문을 할 수 있는 커뮤니티 기능도 함께 구현했습니다. 최근 AI 기술에 관심이 많아지면서, 이번 프로젝트에서는 Figma AI와 Claude를 적극 활용해 기획과 개발 생산성을 높였고 데이터베이스에 대한 관심이 생겨 학습 목적도 함께 담아 PostgreSQL기반의 Supabase를 도입하였고, 데이터 구조 설계와 관리 경험을 쌓았습니다. 추가로 GitHub Actions와 Nodemailer를 활용하여 사용자가 즐겨찾기한 대회의 마감 3일 전, 그리고 대회 7일 전에 자동으로 이메일 알림이 발송되는 기능도 구현했습니다.

관련 링크들

사이트 주소 : RunPick

깃허브 주소 : GitHub

블로그 주소 : Tistory

사용 기술들

기술 정보를 불러오는 중...

대한민국 모든 주류

대한민국 모든 주류 사이트의 스크린샷
2024.06 ~ 2024.08 (1인 프로젝트)2025.05 ~ 2025.10 (FE 1인, UI/UX 1인) - 리뉴얼 작업

대한민국 술 종류를 소개하는 사이트입니다. 주류 판매점을 구경 갔다가 대한민국에 주류가 몇 개가 있을까? 사람들이 자주 먹는 술은 어떻게 만들어지고 어떤 역사가 있을까에 대해 궁금증이 생겨서 개발하게 되었습니다. Pigma를 사용해서 디자인을 직접 제작했으며 React를 사용해서 개발했습니다. Firebase를 사용해서 로그인 및 회원가입, store를 사용했고 Context API를 사용해서 상태 관리를 진행했습니다. 또한 메일을 보낼 수 있게 도와주는 email JS를 사용했으며, styled-components를 사용해서 스타일을 적용했습니다. 상태관리와 다양한 라이브러리를 사용해 볼 수 있어서 배울점이 많았습니다. 현재도 사용자에게 의견을 받으면서 업데이트를 진행하고 있습니다.

관련 링크들

사이트 주소 : 대한민국 모든 주류

깃허브 주소 : GitHub

블로그 주소 : Velog

사용 기술들

기술 정보를 불러오는 중...

포트폴리오

포트폴리오 사이트의 스크린샷
2024/08/07 ~ 2024/08/13 (1인 프로젝트)

포트폴리오를 제작하기 위해 개발했습니다. Next.js와 Tailwind CSS를 사용해 사이트를 구성하고, TypeScript를 통해 더 안전한 코드 작성을 경험했습니다. 포트폴리오 사이트를 제작하며 Next.js와 TypeScript를 사용해 React와 JavaScript의 차이점을 공부했습니다. 또한, 작업 후 웹 접근성을 고려한 개선과 코드 리팩토링을 통해 코드의 가독성과 유지보수성을 높이는 경험을 했습니다.

관련 링크들

사이트 주소 : 포트폴리오

깃허브 주소 : GitHub

블로그 주소 : Velog

사용 기술들

기술 정보를 불러오는 중...

레시피 연구소

레시피 연구소 사이트의 스크린샷
2024/09/23 ~ 2024/10/22 (Front-End 4인)

요리 레시피를 알려주는 사이트입니다. 팀원들끼리 서로 아이디어를 모아서 결정했습니다. Pigma를 사용해서 디자인 틀을 제작했으며, 작업 진행 도와 일정 관리를 위해 Jira를 사용했습니다. 사용 개발은 React와 TypeScript를 사용해서 제작했습니다. 제 역할은 회원가입, 프로필 페이지 제작을 담당했습니다. Firebase를 사용해서 회원가입 구현을 제작했으며, 이메일과 닉네임 중복체크 기능을 추가했습니다. 프로필 페이지는 Firestore를 사용하여 사용자 정보를 가져와서 제작했고, 회원 정보 수정과 게시글, 좋아요한 게시물들을 확인할 수 있는 기능을 구현했습니다. 이번 프로젝트를 진행하면서 소통의 중요성을 느꼈습니다. 팀원들과 의견을 교환하고 서로의 아이디어를 조율하면서 다양한 문제를 해결할 수 있었습니다.

관련 링크들

사이트 주소 : 레시피 연구소

깃허브 주소 : GitHub

사용 기술들

기술 정보를 불러오는 중...

© 2026. Hong Seong Won. All Rights Reserved.