홍지상
Jisang Hong
contact
✉️ [email protected]
📱 010-7734-9449
channel
GitHub (https://github.com/redonearth)
GitLab (https://gitlab.com/redonearth)
Blog
최종 수정일
2026-01-10
introduce
프론트엔드 개발자가 되기 전에 다양한 경험을 했으며, 프론트엔드 전문 개발자로서 성장하고 있습니다.
- 항상 사용자 입장에서 이해하기 쉬운 UI/UX를 고민하고 구현하기 위해 노력합니다.
- React & TypeScript 및 Tailwind CSS와 shadcn/ui를 활용할 수 있습니다.
- Git에 대한 기본적인 지식(CLI 명령어)이 있고, flow 전략을 위한 branch를 활용한 경험이 있습니다.
- Mac OS 및 Linux 계열의 shell(zsh)의 기본적인 이해도가 있고, 명령어를 사용할 수 있습니다.
- 개발자 경험(DX)을 향상하는 방법을 공부하고 적용하는 것을 좋아합니다.
- 이해하기 쉬우면서도 본디 단어로서의 왜곡이 없는 네이밍을 고민하며, 중복 코드 제거와 읽기 쉬운 코드로 꾸준히 리팩토링하는 것을 즐깁니다.
- 라이브러리를 적용하기 전에, 공식 문서와 GitHub 소스 코드를 참고하여 검토하는 습관이 있습니다.
- 기술 지식을 동료와 이야기하고 공유하는 것을 좋아합니다.
skills
React / TypeScript / Tailwind CSS
careers
램파드(주)
(구 소울시스템즈)
프론트엔드 개발자
2022년 12월 ~ 현재
[ 재직중 ]
램파드(LAMPAD)
2022년 12월 ~ 현재
http://lampad.co.kr
📊 LAMPAD 네트워크 관리 솔루션의 신규 UI/기능 개발 및 유지보수
팀 구성
- 자사 프론트엔드 개발자 2명 / C++ 백엔드 개발자 1명
- 기술팀 및 QA 인원 1명 → 제품 검증
프로젝트 및 개발 내용
- PrimeReact DataTable 및 Apache ECharts 기반으로 네트워크 분석 데이터를 시각화하는 UI 개발
(기존 Vue.js 2 레거시 코드 React 컨버전 및 리팩토링)
- 소규모 개발팀 환경에서 빠른 기능 구현을 위해 PrimeReact + Tailwind CSS 기반으로 초기 UI 구성
- PrimeReact 메이저 버전 업데이트 시 내부 DOM 구조 변경(wrapper 추가 등)과 고난이도 커스터마이징으로 인한 유지보수 한계를 경험하여, UI 구조와 스타일을 직접 통제할 수 있는 shadcn/ui + Tailwind CSS v4 기반으로 점진적 전환
- C++ 백엔드 개발자와 협업하여 네트워크 분석/세션 감사 기능에 필요한 API 스펙 정의 및 프론트엔드 연동
- React i18next를 사용한 제품 다국어 지원(i18n) 구현
- Vite 번들러 도입으로 개발 환경 빌드 속도 개선 및 설정 단순화
- release-it 패키지 도입으로 배포 버전 및 CHANGELOG 자동화
- Husky를 활용한 commit 시 타입 체크 및 lint 자동화로 코드 품질 유지
기술 스택
- Frontend: React, TypeScript, Vite, shadcn/ui, Tailwind CSS v4
- State / Data: TanStack Query, TanStack Table, Jotai
- UI / Chart: Apache ECharts
- Legacy / Migration: PrimeReact (PrimeFlex → Tailwind CSS 전환)
(주)디피엘
프론트엔드 개발자
2021년 4월 ~ 2022년 8월
[ 1년 7개월 ]
토요타 지게차 한국 웹사이트(Toyota Forklift Korea)
2021년 7월 ~ 2022년 8월
🌐 토요타 지게차 한국 웹사이트 프론트엔드 개발
토요타 지게차 소개와 국내 유일의 총판 회사 홍보를 목적으로 Vue.js 기반의 새로운 사이트를 구축하여 마케팅 효과 상승에 기여 (월평균 구입/렌탈 문의 2건 → 50건)
팀 구성
프로젝트 및 개발 내용
- 디자이너와의 협업으로 Adobe XD 시안을 바탕으로 마크업 및 스타일링 작성
- Vue의 속성(watch, computed)과 정규표현식을 활용한 Contact 페이지 form 검증 로직 구현
- 일부 페이지에 Tailwind CSS와 유사한 Windi CSS 적용
- GitHub Action과 AWS S3를 활용한 배포 자동화 적용
- 메타 태그로 SEO 적용
기술 스택
- Vue 2(with Vue CLI 4), Vuex / Sass(SCSS), Windi CSS, RESTful API(Axios)
- AWS S3, CloudFront, Route53
- Prettier, ESLint
온파레트
2021년 4월 ~ 2022년 2월
🌐 온라인 풀필먼트 견적 제공 서비스를 유지보수
팀 구성
(주)포엠텍
OD4U
일리오
other_experiences
Press