自訂 Cookie
禁止且拒絕未經各資訊當事人同意,擅自蒐集本服務提供的使用者個人資訊資料等資料之行為。即使是公開資料,若未經許可使用爬蟲等技術裝置進行蒐集,依個人資訊保護法可能會受到刑事處分,特此告知。
© 2025 Rocketpunch, 주식회사 더블에이스, 김인기, 大韓民國首爾特別市城東區聖水一路10街 12, 12樓 1號, 04793, support@rocketpunch.com, +82 10-2710-7121
統一編號 206-87-09615
更多
自訂 Cookie
禁止且拒絕未經各資訊當事人同意,擅自蒐集本服務提供的使用者個人資訊資料等資料之行為。即使是公開資料,若未經許可使用爬蟲等技術裝置進行蒐集,依個人資訊保護法可能會受到刑事處分,特此告知。
© 2025 Rocketpunch, 주식회사 더블에이스, 김인기, 大韓民國首爾特別市城東區聖水一路10街 12, 12樓 1號, 04793, support@rocketpunch.com, +82 10-2710-7121
統一編號 206-87-09615
更多


김병훈
프론트엔드 개발에서 백엔드로 전향하면서, 두 영역 간의 데이터 전달 방식에 대한 깊은 이해를 쌓았습니다. 이를 통해 클라이언트와 서버 간의 효율적이고 안정적인 통신을 구현하는 방법을 더욱 명확히 알게 되었습니다.
職涯
貼文
AI 職涯摘要
김병훈님은 오이스터에이블에서 프론트엔드 개발자로 1년 6개월간 활동하며 '오늘의 분리수거' 앱의 다양한 기능을 구현하고 성능 최적화를 이끌었습니다. 특히, 코드 스플리팅을 통해 Lighthouse 점수를 50점 향상시키고, 모노레포 및 Cypress 기반 테스트 도입으로 유지보수성과 일관성을 강화했습니다. 현재는 프론트엔드에서 백엔드로 전향하며 클라이언트-서버 간 효율적인 데이터 전달 방식에 대한 깊은 이해를 바탕으로 활동하고 있습니다.
經歷
◦오늘의 분리수거 앱 '배출함 지도 위치' 구현 • 동일한 위치에 배출함이 많다면 갯수로 표기하도록 개발(갯수 클릭 시 해당 배출함들이 띄워짐) • 배출함 지도 위치에서 사용되는 기능들이 많기에 개발 초기에는 복잡한 구조로 되어있었음. • 이후 리팩토링을 통하여 컴포넌트를 세분화하여 관리 중 ◦오늘의 분리수거 앱 '가까운 배출함' 구현 • DnD 라이브러리를 사용하여 자주찾는 배출함 순서 변경 가능하도록 개발 ◦오늘의 분리수거 앱 '오분쇼핑' 구현 • 평일 오전에 한정적으로 판매하는 제품을 구매하려는 이용자들을 대비한 에러헨들링 처리 ◦오늘의 분리수거 앱 '오분기부' 구현 ◦오늘의 분리수거 앱 성능 Dynamic import을 통해 LightHouse점수 퍼포먼스 50점 상승 • 코드의 최적화 및 성능 향상을 위한 요소들을 고려하여 코드 스플리팅을 통해 초기 로딩 시간을 줄이고 성능을 향상 ◦React 기반 컴포넌트 계층 구조 디자인 데이터 관리를 위한 사내 시스템 백오피스 구현 ◦공통 컴포넌트로 사용 될 UI 라이브러리(Storybook) 도입 ◦모노레포 도입 및 Cypress 기반의 테스트 작성 • 분리된 프로젝트에 동일한 디자인을 적용하다보니 디자인 변경 시 각각의 프로젝트를 수정해야 하는 유지보수성의 어려움이 있었습니다. 이 문제를 해결하기 위해 모노레포를 도입하여 공용 컴포넌트를 중앙에서 통합 관리함으로써 각 프로젝트에서 일관된 디자인을 유지할 수 있도록 하며 일관된 기능을 제공할 수 있도록 설정하였습니다. • 이를 위해 각 프로젝트에서 일관적인 기능을 제공할 수 있도록 cypress 기반의 테스트를 작성하였습니다.이러한 개선을 통해 디자인 및 기능의 변경이 더욱 효율적으로 이루어질 수 있도록 노력하였습니다. ◦다양한 브라우저 환경 및 사이즈 대응 ◦커뮤니케이션 및 개발 향상을 위한 활동 • 입사 초기 당시 커뮤니케이션이 부족한 상황을 인지하여 개발팀(백엔드 포함) 및 PM Jira 적극 추천 후 사용 중 • 프론트엔드팀 소통이 부족한 것을 인지하여 원활한 소통을 위해 프론트엔드팀 매일 오후 5시 일일 회고 및 업무 공유하자고 제안하여 현재도 진행 중 • 프론트엔드 React 스터디(Epicreact, 유데미 등)
更多
學歷
活動
프로젝트
인베스트메틱
2024년 10월 - 2024년 12월 · 3개월
- 백엔드 팀장 역할 수행 - 초기 백엔드 아키텍처 설계 및 환경 설정 주도 - 팀원별 일정 조율 및 PR 리뷰를 통한 코드 품질 관리 - 시스템 최적화 로직 구현으로 데이터 처리 시간 단축 및 성능 개선 - 주요 성과 - 불필요한 데이터 재계산 방지로 시스템 부하 감소 - 정확하고 신뢰도 높은 분석 데이터 제공으로 사용자 경험 향상
프로젝트
오이스터에이블 콘솔
2022년 6월 - 2023년 7월 · 1년 2개월
◦IoT 기반 데이터 관리를 위한 사내 관리 시스템은 내부 임직원들의 업무 진행 시 작성 또는 수정이 필요한 데이터를 손쉽게 관리하기 위해 시작된 프로젝트 ◦기기 관리, 관제 및 로그를 제공하는 전체 관리 ◦클라이언트와 내부 직원 관리를 위한 사용자 관리 ◦각종 Key Index 관리를 위한 차트 대시보드 ◦권한별 메뉴 및 버튼 접근 ◦apex-charts 라이브러리 활용 학습 ◦권한 별 버튼 노출에 대한 구현을 절차적 방식에서 선언적 방식으로 컴포넌트 구성
프로젝트
사내 관리 시스템 UI 라이브러리
2022년 5월 - 2022년 8월 · 4개월
◦입사 초기 다양한 백오피스가 개발되며 여러 프로젝트로 분리된 상황에서 UI 코드의 일관성을 지키기 위해 라이브러리의 개발을 진행하였으며 현재 두가지의 콘솔 프로젝트에 사용 ◦Storybook을 이용한 디자인시스템 페이지를 통해 디자인팀에 제공 ◦백오피스 프로젝트에 공통 적용 될 UI Component를 라이브러리로 제공
프로젝트
오늘의 분리수거
2022년 1월 - 2022년 5월 · 5개월
◦오늘의 분리수거 앱은 캔, 투명 페트, 종이팩등의 반납기기가 제공되며 분리배출을 실천 시 포인트 제공 및 기업, 지역 등에서 제공해 준 다양한 보상품을 구매할 수 있는 서비스 ◦지도 내 검색된 기기 리스트 ◦위치별 검색을 통한 기기 리스트 ◦API 호출 간소화 및 로더 제공을 통해 구매 및 반납 어뷰징 제거 ◦DnD를 이용한 즐겨찾는 기기 정렬 ◦Tech Stack : TypeScript, React, Redux-Toolkit, Styled-components, React-query, React-beautiful-dnd
프로젝트
트리포트
2021년 4월 - 2021년 5월 · 2개월
여행 SNS으로 영상과 여행 이야기를 공유하는 서비스입니다. - Scroll event를 이용한 무한스크롤 - 사용자의 편의를 위한 디바이스 크기별로 반응형 웹 구현 - User-agent를 활용한 Device 정보 구분 - FileReader 객체를 사용하여 영상 파일 용량 확인 - 쿼리 파라미터를 사용한 검색 구현 및 검색 결과 필터링 - 게시물 영상 CRUD 및 영상 라이브러리(hls.js, video.js)를 이용한 영상 재생 기능 구현 - Git Branch를 사용하여 협업 - Keyframe을 이용한 애니메이션 구현
語言
중급 (업무상 의사소통)
이 프로필의 담당자이신가요?
인증을 통해 현재 프로필에 병합하거나 삭제할 수 있습니다. 만약 인증할 수 없는 경우 본인임을 증빙하는 서류 제출 후 프로필 관리 권한을 취득할 수 있습니다.