React와 TypeScript 기반 웹 프론트엔드 개발을 담당하며, DB 설계·API 구현·Docker 기반 배포 등 백엔드 및 운영 환경 구축에도 참여해 프로젝트 완성도를 높였습니다. 프로젝트 이력 1. S사 전기설계 플랫폼 개발 (2024.05 ~ 2025.09) 대규모 전기 제어 설비 관리·모니터링을 위한 웹 기반 운영 플랫폼 개발 - 주요 기술 스택: React, TypeScript, Recoil, React Query, Java, Spring Boot, MariaDB, Git - 수행 직무 및 역할 · Recoil Selector를 활용해 컬럼 필터링 데이터 중앙화 → props drilling 경로 4단계 → 2단계 축소 · React Query 전역 캐싱 구조로 리팩토링 → API 중복 요청 3건 → 1건 감소 · 토큰에서 암호화 키 동적 생성, 사용자 정보 복호화 로직 구현 → JWT 기반 보안 처리 강화 · Cable 배치 최적화 알고리즘 적용 → 필요한 드럼 수 약 20% 절감 · Cable Schedule Length 품질 검증 수행 → 계산값 불일치 원인 추적, DTO·Entity 구조 정상화 · 기획자와 함께 Figma 시안 및 요구사항 검토, 백엔드 개발자와 API 명세 협의 → 요구사항 반영 소요 기간 평균 1 일 단축 2. 사내 인트라넷 개발 (2024.11~ 2025.03) - 시연 링크: https://youtu.be/w3csS7X2UtE 조직 내 예약·업무 관리 기능을 제공하는 웹 기반 사내 포털 개발 - 주요 기술 스택: React, TypeScript, Zustand, Java, Spring Boot, MariaDB, Docker, AWS EC2, Nginx, Git - 수행 직무 및 역할 · 자동 설치 스크립트 적용(package.json, yarn.lock 변경 감지) → yarn install 실행 빈도 감소, 빌드·세팅 소요 시간 약 50% 절감 · 상태 관리 리팩토링(Redux → Zustand 전환) → 상태 관리 코드량 약 30% 감소, 유지보수 복잡도 완화 · ERD Cloud 기반 HR 데이터 모델 재설계 → 중복 데이터 약 30% 감소 및 조회 쿼리 단순화 · 서버 API 기반으로 페이지네이션 로직 재설계 → 응답 데이터 크기 약 70% 감소, 페이지 로딩 속도 개선 · 배포 환경 구성(Docker 이미지 빌드, AWS EC2(Nginx) 배포) → 개발 환경과 운영 환경 간 일관성 확보, 배포 프로세스 안정화 · 기획자와 함께 Figma 시안 및 요구사항 검토, 백엔드 개발자와 AP 명세 협의 → QA 테스트 소요 시간 약 30% 단축 3. STARPOS 개발 (2024.03 ~ 2024.06) - 시연 링크: https://youtu.be/eBbegZBlDck 음식점 주문·결제 및 관리자 기능을 지원하는 로컬 기반 POS 시스템 개발 - 주요 기술 스택: React, TypeScript, Vite, Tailwind, Chakra UI, i18next, Jira, Git - 수행 직무 및 역할 · 테이블 기반 음식 주문 처리 플로우(테이블 선택 → 주문 등록 → 상태 저장 → 기존 주문 불러오기) 구현 · 관리자 페이지 기능 개발(메뉴 분류, 레시피, 재료 관리 UI 구현) → 메뉴 등록 폼 컴포넌트 분리, 중복 코드 30% 감소, 기능 추가·수정 시 코드 수정 범위 축소 · 단순 조건문 기반 번역 로직 i18next 기반 JSON 구조로 리팩토링 → 번역 데이터 관리 효율 향상, 다국어 UI 수정 소요 시간 약 40% 단축 · Tailwind · Chakra UI 적용, 오픈소스 활용 → 사용자 인터페이스 일관성 강화 및 유지보수 효율 향상

Mehr anzeigen