미리보기

자사 동행돌봄 서비스 모시미의 어드민페이지를 개발 및 유지보수 하였습니다.

SI 업무로 포스코 플로우 의 스마트 물류 플랫폼 , 포스코 SCM 프로젝트를 개발 하였습니다.

주요성과

Git 도입 및 워크플로우 개선

기존에 사용하던 SVN의 한계를 해결하기 위해 Git을 도입하고, 팀 내에서 Git Flow를 적용하는 방식을 주도적으로 제안 및 실행했습니다. 이를 통해 협업 효율성을 향상시키고, 코드 품질 관리와 배포 프로세스를 체계적으로 개선했습니다.

• 프론트엔드 개발 온보딩 체계 구축

회사의 백엔드 중심 개발 환경에서 프론트엔드 개발 문화를 정착시키기 위해 노력했습니다. React 을 기반으로 한 프로젝트를 주도적으로 수행하며, 신규 팀원들이 프론트엔드 업무를 원활히 이해하고 기여할 수 있도록 온보딩 문서 작성 및 교육 세션을 운영했습니다. 이를 통해 백엔드 위주로 구성된 조직에 프론트엔드 개발 역량을 효과적으로 확산시켰습니다.

Description

포스코의 오래된 공급망관리 (SCM) 을 마이그레이션 작업

Experience

• 커스텀 태그를 활용한 컴포넌트화

React와 같은 프레임워크를 사용할 수 없는 환경에서 자주 사용되는 레이아웃과 UI 요소를 커스텀 태그로 컴포넌트화하여 재사용성을 높이고 개발 생산성을 극대화했습니다.

• 공통 라이브러리 제작 및 배포

팀에서 자주 사용하는 기능을 공통 라이브러리로 모듈화하여 제작 후 배포, 팀 내 코드 일관성과 생산성을 향상시켰습니다.

• 기술 스택 전환

ADF 기반으로 제작된 기존 시스템을 Java Spring Boot와 JPA를 활용한 새로운 아키텍처로 마이그레이션하여 현대적인 개발 환경을 구축했습니다.

사용기술

사용기술 : Javascript, jQuery , Java Spring Boot , JPA , Oracle

Description

간단하게 RASA 기반의 챗봇을 제작 할 수 있는 빌더를 개발 하였습니다.

2025년 정부사업에 선정되었습니다.

Experience

• 드래그 앤 드롭 기반 챗봇 행동 구성 기능 개발

RASA 기반의 챗봇 빌더에서 사용자가 챗봇의 행동을 드래그 엔 드롭 로 시각적으로 구성할 수 있는 기능을 구현했습니다.

• 사용자 경험 향상: 복잡한 설정 과정을 시각화하여, 개발 지식이 없는 사용자도 챗봇의 동작을 직관적으로 정의할 수 있도록 지원했습니다.

• 기술적 기여: React DnD 라이브러리를 활용해 드래그 앤 드롭 기능을 개발하고, 상태 관리를 위해 Redux-toolkit을 활용했습니다. 이를 통해 사용자 인터페이스와 데이터 간 동기화가 원활하게 이루어지도록 했습니다.

• 성과: 해당 기능 도입 후 사용자의 챗봇 빌더 작업 시간이 평균 30% 이상 단축되었으며, 초보 사용자들의 만족도가 크게 향상되었습니다.

• CI/CD 파이프라인 구축

프로젝트 배포 자동화를 위해 Docker와 Jenkins를 활용한 CI/CD 파이프라인을 물리 서버에 구현했습니다. 이를 통해 배포 속도를 단축하고, 빌드 및 테스트 프로세스의 일관성을 확보했습니다.

사용기술

React , redux-toolkit , styled-component , React DnD , Java Spring boot , JPA , mysql , docker , jenkins , python

Description

물류의 컨테이너 , 항공의 수출 , 수입의 주문관리 페이지 개발

Experience

• 주문 정보 시각화

IBSheet를 활용하여 대량의 주문 데이터를 시각적으로 관리 및 확인할 수 있는 인터페이스를 구현했습니다.

• 서류 생성 및 검증 기능

수출입 업무에 필요한 정보를 수집하고, 이를 기반으로 필수 서류를 자동으로 생성 및 다운로드할 수 있는 기능을 개발했습니다. 또한, 필요한 서류가 누락되었는지 자동으로 검증하여 작업자의 실수를 방지하고 작업 효율성을 향상시켰습니다.

사용기술

Javascript, jQuery , Java Spring Boot , JPA , PostgreSQL

Description

자사 동행 돌봄 서비스 모시미의 어드민 페이지를 개발 유지 보수하였습니다.

Experience

• 주요 관리 페이지 개발

매니저 관리, 이용자 관리, 매니저 비용 정산, 매출 관리 페이지를 개발하여 서비스 운영의 핵심 데이터를 효율적으로 관리할 수 있도록 지원했습니다.

• 데이터 시각화

Chart.js와 jqGrid를 활용하여 대량의 데이터를 시각적으로 표현, 사용자가 데이터를 한눈에 파악하고 효과적으로 활용할 수 있도록 구현했습니다.

• 운영 효율 개선

Spring Boot 기반의 백엔드와 JSP를 연동하여 관리 시스템의 성능과 안정성을 확보했으며, MySQL 데이터베이스를 최적화하여 빠른 데이터 조회 및 처리를 가능하게 했습니다.

사용기술

Javascript , JSP , Java Spring Boot , mysql

현직 프론트엔드 개발자를 대상으로 10주 간 성장을 위한 집약적인 커리큘럼을 제공합니다.

• 1~3주차 : JavaScript & React Deep Dive

• 4~6주차 : 클린 코드 (함수형 프로그래밍, 순수 함수, FSD 등)

• 7~8주차 : 테스트 코드

• 9~10주차 : 성능 최적화

• 매주 국내 탑 티어 시니어 프론트엔드 개발자들과의 그룹 멘토링

• 비슷한 연차의 동료 개발자들과의 네트워킹

저는 항해에서 아래와 같은 활동을 했습니다.

• 수료시점 레드뱃지 획득

• 프로젝트 : https://github.com/gyuni96