도전 속에서 성장한
경력 7년차 프론트엔드 개발자👷🏼️🛠
홍학범
입니다.
웹 프론트엔드 개발을 주력으로 하며, 항상 사용자 경험을 최우선으로 생각합니다. 단순히 코드를 작성하는 데 그치지 않고, 제품의 목적과 가치를 깊이 이해하며 더 나은 결과물을 만들기 위해 고민하고 개선합니다. 프로젝트 과정에서는 기획부터 개발까지 적극적으로 참여하며, 다양한 직무의 구성원들과 원활한 협업을 통해 완성도 높은 웹 서비스를 만들어왔습니다.
- 생년월일
- 1994.10.26
- 이메일
- hhbhong@gmail.com
- 전화번호
- 010-9908-7478
- 주소
- 서울시 마포구
Skills
새로운 기술을 배우는 데 두려움이 없으며, 상황에 맞는 최적의 기술을 빠르게 습득하여 활용합니다. 프론트엔드에서는 주로 React와 TypeScript를 사용하며, 현재 재직 중인 회사에서는 Next.js 기반 SSR 및 SEO 최적화와 서비스 고도화 작업을 담당하고 있습니다. 또한 필요할 때는 Flutter로 모바일 앱을 개발 및 배포한 경험이 있고, IoT 프로젝트에서는 아두이노 및 ESP 계열 모듈을 활용하여 하드웨어와 웹을 연동하는 개발을 진행했습니다. 이러한 경험들을 통해 다양한 시각에서 문제를 바라보고 해결할 수 있는 역량을 쌓아왔습니다.
React
React를 기반으로 한 프론트엔드 개발 경험이 풍부하며, Redux혹은 Zustand등 상황에 맞는 라이브러리를 활용해 전역 상태를 관리합니다. 또한 반복되는 로직은 Custom Hooks로 모듈화하여 유지보수성과 재사용성을 높이고 있습니다.
Next.js
SSR(Server Side Rendering)과 CSR(Client Side Rendering)을 상황에 맞게 조합하여 최적화된 웹 환경을 구축하고 있습니다. 특히 SEO 최적화 및 서비스 고도화 작업을 통해 실제 서비스 성능 개선과 검색 노출 향상을 이끌어낸 경험이 있습니다.
IoT
ESP32, ESP8266 모듈을 활용하여 서버와의 API 통신을 통해 데이터를 주고받는 시스템을 구축했습니다. RFID 모듈을 연동하여 태깅 이벤트 시 데이터를 웹에 실시간으로 반영하는 프로젝트도 진행한 경험이 있습니다.
Flutter
Flutter를 활용해 Android 및 iOS 앱을 개발하고 실제 배포까지 완료한 경험이 있습니다.
Work Experience
Prendssoin
2018-03-05 ~ 2024-03-26
프로젝트 진행률 관리 시스템 (PRE)
작업 기간
2023-12-15 ~ 2024-01-15
인력 구성
FE 1명 / BE 1명 (FE 기여도 100%)
프로젝트 목적
다수의 프로젝트를 진행하면서 반복적으로 하게되는 커뮤니케이션을 줄이고자 내부 사이트로 제작 되었습니다.
프로젝트 내용
여러 프로젝트를 동시에 진행시에 각 프로젝트 부문별로 진행도를 확인 할 수 있습니다. 작업 시간을 등록할 때는 github에서 커밋을 남기는 것과 흡사하게 구현되었습니다.
주요 업무 및 상세 역할
Input enter시 데이터 저장, 폼 생성
사용언어 및 개발 환경
React, React Query, Redux, Tailwindcss
유틸리티 앱들[해외 전화번호, 타이머]
작업 기간
2023-11-13 ~ 2024-02-07
인력 구성
FE 1명 (FE 기여도 100%)
프로젝트 목적
내부 프로젝트로 해외관광객에게 유용한 유틸리티 앱을 개발하였습니다.
프로젝트 내용
1. 해외 전화번호: 여행객이 해외에 나가서 사건사고가 벌어졌을때 대사관, 경찰서, 병원 등의 전화번호를 제공 합니다. 위기에 대응하기 위해 사용하는 앱입니다. 2. 타이머: 기본 타이머 기능을 사용할 수 있으며, 해외 현지 시간에 맞춰서 타이머를 설정 할 수 있습니다.
주요 업무 및 상세 역할
Flutter UI개발 및 정적 데이터 관리
사용언어 및 개발 환경
Flutter, GetX, firebase_crashytics, firebase_analytics
쇼핑몰 관리 사이트 (Zapick)
작업 기간
2023-08-09 ~ 2023-10-19
인력 구성
FE 1명 / BE 1명 (FE 기여도 100%)
프로젝트 목적
사용자 친화적이고 효율적인 쇼핑몰 어드민 페이지와 클라이언트 사이트를 개발하는 것입니다.
프로젝트 내용
쇼핑몰 어드민 페이지는 관리자가 상품, 주문, 사용자, 재고 등을 체계적으로 관리할 수 있도록 Airtable을 데이터베이스로 이용하여 직관적으로 사용할 수 있게 제작하였습니다.
주요 업무 및 상세 역할
Airtable과 Frontend 연동, intersectionobserver로 인피니티 스크롤 구현
사용언어 및 개발 환경
React, React Query, Airtable, Styled-component
제품 바코드 관리 시스템 (Comprice)
작업 기간
2023-05-02 ~ 2023-07-21
인력 구성
FE 1명 / BE 1명 (FE 기여도 100%)
프로젝트 목적
바코드 인식을 위해 제품의 데이터를 취합하는 작업을 쉽게 하기 위해 사이트를 제작하게됨
프로젝트 내용
서버에서 크롤링을 통해 해외 마켓 제품데이터를 취합했습니다. 사이트에서 바코드를 카메라 혹은 텍스트로 등록을 할 수 있고, 제품을 카메라로 인식할시 제품의 데이터를 확인할 수 있습니다.
주요 업무 및 상세 역할
웹 카메라 기능 연동, 데이터를 엑셀 파일 다운로드 기능
사용언어 및 개발 환경
React, React Query, Bootstrap
갤러리 유지관리 시스템 (INFOT)
작업 기간
2021-02-10 ~ 2021-11-09
인력 구성
FE 1명 / BE 1명 (FE 기여도 100%)
프로젝트 목적
엑셀 및 수기로 작성하면서 관리하는 갤러리 내의 시스템의 불편함을 해소하고자 진행하게됨
프로젝트 내용
아트 및 아티스트를 관리하는 프로그램을 제작했습니다. 그림 및 작품을 창고에 매칭하고, 클라이언트, 프로그램, 고객, 비평가, 외주 등의 갤러리 정보를 관리할 수 있는 프로그램입니다.
주요 업무 및 상세 역할
근태관리, 로그기록 관리, 히스토리 관리, 권한관리
사용언어 및 개발 환경
React, React Query, Styled-component, Redux
Side Project
2018-01-01 ~ 2024-01-01
클립보드 관리 프로그램
작업 기간
2024-05-01 ~ 2024-08-20
인력 구성
FE 1명 (FE 기여도 100%)
프로젝트 목적
이미지와 텍스트를 클립보드로 저장하고 관리하는 것을 개선하고자 만들게 되었습니다.
프로젝트 내용
Mac기준으로 "Control + Command + Shift + 4"로 이미지 클립보드를 저장하고, 복사로 클립보드를 저장하여 클립보드 리스트를 추가 할 수 있습니다. 클립보드에 저장되어있는 텍스트를 바꾸거나 삭제 작업과 클립보드에 넣어놓은 이미지를 다운로드 할 수 있습니다.
주요 업무 및 상세 역할
ipcMain과 ipcRender를 이용하여 프론트엔드와 프로세스 간의 통신으로 클립보드 값을 전달 할 수 있게 제작되었습니다. ipc통신을 호출했을때 MySql의 데이터베이스 시스템으로 데이터를 생성 혹은 삭제 등의 작업을 하고 받아온 값을 토대로 프론트엔드에 넘기는 방식으로 작업되었습니다.
사용언어 및 개발 환경
React, Electron, Typescript
NFT 프로젝트 미니게임 (팬게임)
작업 기간
2023-06-03 ~ 2023-06-03
인력 구성
FE 1명 (FE 기여도 100%)
프로젝트 목적
NFT프로젝트의 커뮤니티 멤버로서 개발적으로 재미를 줘보고자 만들어 보았습니다.
프로젝트 내용
맥주인간이 몬스터를 없애며 금전을 얻고 그것을 통해 점점 성장하여 보스를 잡으면 환생시스템을 통해 몬스터가 점점 더 강해지는 구조의 팬 미니게임 입니다.
주요 업무 및 상세 역할
게임의 액션은 모두 canvas를 이용해서 제작되었고, 캐릭터 및 몬스터의 체력, 공격 등은 클래스와 로컬스토리지를 통해서 제작 되었습니다.
사용언어 및 개발 환경
Canvas, Phaser.js
Oranpick - 근처 음식점 찾기 앱
작업 기간
2021-02-02 ~ 2021-02-15
인력 구성
FE 1명 (FE 기여도 100%)
프로젝트 목적
점심 메뉴를 고를 때마다 무엇을 먹을지 항상 고민이 될때, 급하게 근처에서 밥을 먹어야할 때 근처 음식점을 추천해주면 좋을것 같아 제작하게됨
프로젝트 내용
GPS기준으로 내 위치에서 주변에 음식점을 랜덤으로 찾아서 알려 줍니다. 그리고 맛이 있었다면 즐겨찾기를 통해서 다음에도 찾아갈 수 있습니다.
주요 업무 및 상세 역할
Flutter 안드로이드 배포, GPS, 웹뷰, 카카오지도, 애드몹 광고
사용언어 및 개발 환경
Flutter, geolocator, webview_flutter
Experience
방송통신대학교
2020.03 ~ 2024.02
재직 중 주말과 퇴근 후 시간을 활용하여 컴퓨터과학과에서 4년간 학업을 이어갔습니다. 컴퓨터 구조, 자료구조, 컴퓨터 네트워크, 웹 프로그래밍 등 핵심 과목을 이수하며 소프트웨어 개발의 기초와 이론적 기반을 체계적으로 다졌습니다.
그린컴퓨터 아카데미 수료
2016.10 ~ 2017.03
UI/UX 엔지니어링 프론트엔드 과정을 수강하였습니다
서울디자인고등학교
2010.03 ~ 2013.02
Blog
개발하면서 배운 기술이나 공유해야할 내용을 기록하고 공유하는 사이트 입니다. Hexo를 이용해서 사이트 개발을 진행했으며 Github으로 배포하였습니다.
Contact
이메일
깃허브