미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 박호연
- 이메일
- qkrghdus1113@naver.com
- 간단소개
- 사용자의 호기심을 자극하고, 자연스럽게 서비스에 몰입할 수 있는 경험을 만드는 인터페이스를 설계하고자 합니다. 팀원들과의 원활한 커뮤니케이션을 바탕으로, 더 나은 방향을 함께 고민하고 만들어가는 협업을 중요하게 생각합니다.
기술 스택
- 기술 스택
- React
- TypeScript
- Next.js
- 웹앱
경력
- 회사명
- 지란지교소프트
- 직책 • 부서
- 사원 • 메신저개발팀
- 근무 기간 (근무 형태)
- 2022.11. - 재직 중
- (2년 7개월 | 정규직)
- 담당 업무
B2B SaaS 환경에서 기업용 메신저를 개발하며, 기업 고객의 업무 효율성과 커뮤니케이션 생산성을 높이는 협업툴을 만들고있습니다. (관련 아티클)
Next.js로 기존 메신저 마이그레이션과 더불어 Electron기반 웹앱 개발 프로세스를 구축하고 유지보수하고있습니다.
프로젝트
- 프로젝트명
- OfficeNEXT 메신저
- 소속/기관명
- 지란지교소프트
- 프로젝트 기간
- 2023.03. - 진행 중
- (2년 3개월)
- 프로젝트 설명
B2B 환경에 최적화된 기업용 메신저 서비스 개발
메시지, 보관함, 설정(알림, 다국어 변경) 등 핵심 페이지 UI/UX 설계 및 구현
Web Worker 적용으로 백그라운드 상태에서 유저 WebSocket 처리 도입
커맨드 패턴을 사용한 각 페이지 기능별 Handler 프로세스 도입으로 소스코드 리소스 50% 이상 축소
Axios Interceptor를 사용한 서버 요청/응답에 대한 Middleware 구현
Tailwind CSS 4.0 마이그레이션 과정에서 발생한 UI 라이브러리 호환 이슈 추적 및 해결
Electron 기반 웹앱 개발 및 새 창 프로세스 BroadcastChannel 도입
BroadcastChannel을 이용한 새 창 프로세스 도입으로 API요청 80% 이상 축소
메시지 에디터·이미지 미리보기 등 주요 기능을 새 창으로 분리, 메인 창과 실시간 데이터 연동
Description
Experience
Tech Stack
Typescript Tailwind CSS Next.js Jotai
- 프로젝트명
- OfficeNEXT Admin 마이그레이션
- 소속/기관명
- 지란지교소프트
- 프로젝트 기간
- 2025.02. - 진행 중
- (4개월)
- 프로젝트 설명
플랫폼 내 서비스를 효율적으로 통합 관리할 수 있는 Admin
사용자 설치 현황, 서비스 테마 변경, Webhook 추가/갱신, 파일 저장 로그 등 주요 관리 기능을 설계 및 구현
각 페이지 Custom Hooks에 테스트코드 도입으로 핵심기능 안정성 확보
SVG 아이콘 컴포넌트 도입으로 중복 파일 생성을 최소화 기존 대비 SVG 파일 관련 리소스를 약 50% 절감
Description
Experience
Tech Stack
Typescript Tailwind CSS React Jotai Vite Jest
- 프로젝트명
- 동네정보공유 플랫폼 - 토박이
- 소속/기관명
- 경기청년 갭이어 프로그램
- 프로젝트 기간
- 2024.07. - 2024.10.
- (4개월)
- 프로젝트명
- 기술 블로그
- 소속/기관명
- 개인
- 프로젝트 기간
- 2024.10. - 진행 중
- (8개월)
