terminal
React
TypeScript
Next.js
Tailwind CSS
JavaScript
HTML / CSS
Redux
React Native
Electron
Git
Node.js
AWS
Zustand
Vite
Docker
Socket.io
Firebase
TanStack Query
Styled Components
개발하는 브로콜리 캐릭터

개발하는 브로콜리 · 프론트엔드 개발자 이호섭

되는 방법을 찾는 프론트엔드 개발자

Scroll
About
이호섭 프로필 사진

이호섭

DEV_Broccoli

프론트엔드 개발자

안녕하세요, 프론트엔드 개발자 이호섭입니다. 7년차 프론트엔드 개발자로, "안 되면 되게 하자"는 마음으로 개발하고 있습니다. 라이브러리가 무거우면 Canvas로 직접 그리고, 10Hz 데이터가 부족하면 70Hz까지 끌어올리고, 실시간 화상회의부터 LLM 기반 생성형 AI까지 — 필요한 건 어떻게든 만들어왔습니다. FreshNTech에서 연구원으로 첫발을 뗐고, 디몬스터에서 10여 개의 모바일 앱을 쏟아내며 실전 감각을 익혔습니다. 현재는 (주)스마트M2M에서 ETRI·LG 등 다양한 프로젝트의 프론트엔드를 맡고 있으며, 대용량 데이터 시각화, 실시간 처리, 성능 최적화가 주 전투 영역입니다. 맡은 일은 끝까지 해내는 걸 당연하게 생각하고, 한 번 더 고민해서 더 나은 결과물을 만드는 과정을 좋아합니다.

Location

부산

3회사
17프로젝트
25기술

Skills

Frontend
ReactReact-NativeNext.jsElectronVite
Language
TypeScriptJavaScript (ES6+)HTML & CSS
State / Data
ReduxZustandTanStack Query
Styling
Tailwind CSSStyled ComponentsEmotionAnt Design
Realtime
Socket.iomediasoupSSE
Visualization
HighchartsE-ChartCanvas
DevOps / Tools
GitDockerAWSFirebase

Links

되는 방법을 찾는 프론트엔드 개발자

Experience

3개 회사 · 17개 프로젝트

(주)스마트M2M

2022.10 ~ 재직중

5개 프로젝트

현재 재직 중인 회사로, 일부 프로젝트는 보안 및 업무 특성상 상세 내용을 별도로 기재하지 않았습니다.

남부발전 LLM

남부발전 LLM

2024.03 ~ 진행중 · 프론트엔드 개발 (AI팀 + BackEnd 1명 + FrontEnd 1명)

LLM 모델을 사용하여 남부발전에 대한 정보와 문서를 만들어주는 생성형 AI 프론트엔드를 개발했습니다. Markdown Preview로 SSE 데이터를 실시간 출력하여 GPT와 유사한 동작을 구현하였으며, AI Chat·문서 초안작성·코드 작성 지원·문서요약 및 질의응답·데이터 분석·이미지 생성 등 다양한 기능을 제공합니다.

ReactViteTypeScript@tanstack/react-query+4
그룹어드바이저 (대구 ETRI)

그룹어드바이저 (대구 ETRI)

2024.01 ~ 진행중 · 프론트엔드 개발

실시간 화상회의를 통한 의사들의 협진 플랫폼을 개발했습니다. 문서를 실시간 공유할 수 있으며, 초대받은 사용자는 호스트 권한 없이 즉시 입장 가능합니다. 협진 내용 녹화는 호스트만 가능하며 5분 단위로 서버에 전송하여 저장합니다.

ReactTypeScriptzustandVite+2
SAC-DASHBOARD (창원 LG)

SAC-DASHBOARD (창원 LG)

2023.08 ~ 진행중 · 프론트엔드 개발

LG 현장데이터 모니터링 시스템을 개발했습니다. 권한별 화면 제작, 반응형 UI, ScrollSPY, Highcharts 대용량 데이터 처리, 캐시 관리 등을 담당했습니다. 3만 개 이상 데이터 처리 시 부스트 모드를 활용한 성능 최적화를 경험했습니다.

ReactTypeScript@tanstack/react-queryzustand+1

자연어 처리를 통한 매뉴얼 점검 화면 제작 (LG)

자연어 처리를 통한 매뉴얼 점검 화면 제작 (LG)

2023.06 ~ 2023.07 · 프론트엔드 개발

자연어 처리를 통한 매뉴얼 점검 화면을 제작했습니다. AI팀에서 PDF 매뉴얼을 읽어 전달한 데이터를 테이블로 표현하여 자연어 처리 결과를 확인 및 수정할 수 있습니다. 대용량 데이터 업로드 진행 상황을 Socket.io로 실시간 확인할 수 있도록 구현했습니다.

ReactTypeScriptReduxSocket.io
환자신호처리시스템 (대구 ETRI)

환자신호처리시스템 (대구 ETRI)

2022.10 ~ 진행중 · 프론트엔드 개발

디바이스에 연결된 환자 신호를 받아 모니터링할 수 있는 시스템을 구축했습니다. 최대 64명의 환자를 확인할 수 있으며, 실시간 1초에 10Hz 데이터를 표출하고 이후 고도화 작업을 통해 30, 60, 70Hz까지 순차적으로 처리할 수 있도록 개선했습니다.

ReactElectronTypeScriptRedux+2

디몬스터

2020.08 ~ 2022.09

10개 프로젝트

ALLIVERY (올리버리)

ALLIVERY (올리버리)

2022.04 ~ 2022.09 · 프론트엔드 개발

주문·배달·퀵·이사를 하나의 앱에서 처리할 수 있는 멀티서비스 배달 플랫폼입니다. 드론 배송 관리 기능을 포함하며, 실시간 주문 상태 추적(Socket.io), 카카오맵 기반 위치 서비스, QR코드 주문 접수 등을 구현했습니다.

React-NativeReduxJWTKakao Map+3
로얄펀드

로얄펀드

2022.06 ~ 2022.08 · 프론트엔드 개발

부동산·NPL·경매·컨설팅 등 투자 정보를 제공하는 플랫폼입니다. TypeScript를 처음 실무에 적용한 프로젝트로, 헤더 스크롤 애니메이션과 ApiManager에 TS를 적용했습니다.

React-NativeTypeScriptReduxJWT+1
luluPop (퍼니글루 룰루팝)

luluPop (퍼니글루 룰루팝)

2022.04 ~ 2022.07 · 프론트엔드 개발

중고거래와 쇼핑몰 기능을 결합한 마켓플레이스 앱입니다. 갤럭시아 편의점 결제(바코드 EAN-13), 토스페이먼츠(WebView+PostMessage) 연동, 애니메이션 UI를 구현했습니다.

React-NativeReduxJWT갤럭시아 편의점 결제+2
INNER CHILD

INNER CHILD

2021.11 ~ 2022.04 · 프론트엔드 개발 (메인)

심리 상담·기록·명상·예약을 한번에 제공하는 멘탈 헬스케어 앱입니다. 기존 프로젝트를 인계받아 재구축했으며, 설문조사 컴포넌트 제작, 아임포트 결제 연동, 공통함수 제작 및 GitHub 협업 프로세스를 구축했습니다.

React-NativeReduxJWTiamPort+1
TerraClose (미국 부동산)

TerraClose (미국 부동산)

2021.08 ~ 2021.10 · 프론트엔드 개발

라이브 투어와 채팅, 가격 제시를 통한 미국 부동산 플랫폼입니다. Vimeo 라이브 스트리밍, Google Maps boundary 이슈 해결, Google Place API 연동 등을 담당했습니다.

React-NativeReduxJWTVictory Chart+7
로지덕스 (한진)

로지덕스 (한진)

2021.04 ~ 2021.07 · 프론트엔드 개발

물류 분야에서 필요한 지식의 검색, 문의, 문제 해결 정보를 공유하는 애플리케이션입니다. 디몬스터에서 처음 큰 프로젝트를 맡아 진행하게 되었습니다.

React-NativeReduxJWTRich Editor+1
수거맨

수거맨

2021.03 ~ 2021.04 · 프론트엔드 개발

재활용품 분리수거 대행 서비스 앱입니다. 디몬스터에서 첫 협업 프로젝트로, 수거 요청·접수, 문자 자동기입, Lottie 애니메이션을 구현했습니다.

React-NativeReduxLottieFirebase
LH 전세 다모여

LH 전세 다모여

2021.02 ~ 2021.02 · 프론트엔드 개발 (화면 작업)

전세 임대 매물 정보를 모아 보여주는 플랫폼입니다. 화면 작업만 참여한 후 인계한 프로젝트입니다.

React-Native
달톡

달톡

2020.11 ~ 2021.02 · 풀스택 개발

이성과의 채팅, 랜덤·비밀 채팅, 지역 기반 익명 매칭을 제공하는 데이팅 앱입니다. Node Socket 기반 실시간 채팅과 PHP 관리자 페이지를 개발했습니다.

React-NativeReduxNode.jsSocket.io+3
오토딜

오토딜

2020.08 ~ 2020.11 · 풀스택 개발

오토바이 매매 플랫폼입니다. 디몬스터에서의 첫 프로젝트로, 사용자·딜러 앱과 PHP 관리자 페이지를 개발했습니다. 판매 등록 후 전국 딜러들의 견적을 비교하여 최고가에 판매할 수 있는 서비스입니다.

React-NativeReduxPHPMySQL+1

FreshNTech

2019.04 ~ 2020.02

2개 프로젝트

FreshW 스몰웨딩 플랫폼

FreshW 스몰웨딩 플랫폼

2019.06 ~ 2019.12 · 프론트엔드 개발

웨딩 플랫폼 서비스입니다. Wepl Direct(일반 고객용 쇼핑몰 — 장바구니·패키지·스케줄러·주문), Wepl Artist(거래처용 — 상품 등록·주문 관리·채팅), 매니저 관리자 웹을 개발했습니다.

ReactReact NativeAnt DesignRedux
FreshM 소상공인 식자재 유통 플랫폼

FreshM 소상공인 식자재 유통 플랫폼

2019.04 ~ 2020.02 · 프론트엔드 개발

국가 R&D 지원사업으로 개발한 B2B 식자재 유통 플랫폼입니다. 거래처 사용자 앱, 공급자 ERP 관리 웹, 배송업자 앱을 개발했습니다.

ReactReact NativeAnt DesignRedux
End
Education

학교 및 연구 프로젝트

동서대학교 (소프트웨어공학)

2013.03 ~ 2020.03

12개 프로젝트

스마트미러 의상추천 시스템

스마트미러 의상추천 시스템

2019.03 ~ 2019.06 · 풀스택 개발

거울을 통해 착용 중인 의상을 날씨·시각·색상 등의 정보와 함께 사진으로 기록하고, 사용자 상황에 맞춰 의상을 추천해주는 스마트미러 시스템을 개발했습니다.

AndroidPHPMySQLGoogle Cloud Vision API
잔여 포인트 크라우드 펀딩 시스템

잔여 포인트 크라우드 펀딩 시스템

2018.09 ~ 2018.12 · 풀스택 개발

소멸되는 포인트를 줄이기 위해, 미사용 포인트를 사고팔 수 있는 크라우드 펀딩 웹사이트를 개발했습니다.

Node.jsExpressEJSMySQL
Lock And Roll (Red Dot Winner)

Lock And Roll (Red Dot Winner)

2018.03 ~ 2018.06 · 아이디어 도출 & 구체화

2018년 Red Dot Design Award를 수상한 Lock And Roll 제품입니다. 스크류 방식으로 돌려 잠그는 형태로, 캔과 캔끼리 손쉽게 결착할 수 있는 디자인입니다.

Product Design
Food Sharing

Food Sharing

2018.09 ~ 2018.12 · 풀스택 개발

음식 기부를 위해 매장 위치와 남은 음식 정보를 플랫폼에 등록하여, 사회적 약자가 음식을 제공받을 수 있는 푸드 셰어링 시스템을 개발했습니다.

Node.jsExpressEJSMySQL
청각장애인을 위한 비트조끼

청각장애인을 위한 비트조끼

2018.03 ~ 2018.07 · 개발

음악의 비트를 진동으로 변환하여 청각장애인이 음악을 체감할 수 있는 웨어러블 조끼를 개발했습니다. Arduino 센서와 Android 앱을 블루투스로 연동했습니다.

AndroidArduinoBluetooth
안전 경로 제공 시스템

안전 경로 제공 시스템

2018.03 ~ 2018.06 · 개발

iOS 기반으로 지역별 위험도를 측정하여 안전한 경로를 제공하는 시스템을 개발했습니다.

SwiftGoogle Map API
Remember Gifticon

Remember Gifticon

2018.03 ~ 2018.06 · 개발

기프티콘 유무를 잊어 낭비하는 문제를 해결하기 위해, 보유 기프티콘 알림과 사용 가능 매장 위치를 안내하는 관리 시스템을 개발했습니다.

AndroidPHPMySQLGoogle Map API
온오프라인 연계 쇼핑 시스템

온오프라인 연계 쇼핑 시스템

2018.09 ~ 2018.12 · 설계

오프라인의 다양한 매장을 온라인 쇼핑몰에서 한눈에 볼 수 있는 온오프라인 연계 쇼핑 시스템을 설계했습니다. UML 기반 시스템 분석 및 설계 프로젝트입니다.

UML
VR/AR 소방안전교육 시스템

VR/AR 소방안전교육 시스템

2017.06 ~ 2018.10 · 개발 & 연구

시청각 중심의 학습 한계를 넘어, 상호작용과 이동성을 향상시킨 실감 가상현실 소방안전교육 시스템입니다. Omni VR 트레드밀과 Arduino 열/바람 장치를 연동하여 촉각과 이동 감각을 확장한 몰입형 교육을 구현했습니다.

UnityC#ArduinoOmni VR
Power Grasp 의수 개발

Power Grasp 의수 개발

2017.09 ~ 2017.12 · 개발

개인 맞춤형 의수를 저렴한 가격으로 제공하기 위한 프로젝트입니다. 의수를 필요로 하는 사람들이 원하는 자신만의 의수를 빠르고 저렴하게 갖출 수 있도록 하는 것을 목표로 했습니다.

AndroidArduino
Maze Escape

Maze Escape

2017.07 ~ 2017.07 · 개발

HoloLens를 활용한 MR(Mixed Reality) 미로찾기 게임입니다. 음성 인식과 제스처 인식으로 이동하며, 몬스터 사냥 요소를 추가하여 기존 미로찾기보다 흥미로운 게임을 개발했습니다.

UnityHoloLensC#
변기가 매너를 만든다

변기가 매너를 만든다

2017.03 ~ 2017.06 · 개발

화장실 청결 문제를 해결하기 위한 IoT 프로젝트입니다. 오물 감지 센서가 부착된 변기와, 사용한 휴지를 자동으로 압축하는 스마트 휴지통을 Arduino로 제작했습니다.

Arduino
End