안녕하세요, 저는 오동효입니다.



다양한 개발 경험을 바탕으로 성장하는 프론트엔드 개발자입니다.
프론트엔드 중심의 개발 경험과 백엔드에 대한 이해를 결합하여 기술적 충돌을 최소화하고
시너지를 창출하는 원활한 협업을 추구합니다.

  • Core Frontend:React, Next.js, React Query, Zustand
  • UI/UX & Styling:Tailwind CSS, Styled-Components, ShadCN, Recharts, ApexChart
  • Backend & API:Express, WebSocket, GraphQL, REST
  • Development Efficiency:MSW, Turborepo, Storybook
  • Infrastructure & Deployment:Render, Vercel, AWS S3 + CloudFront, FCM
  • Collaboration & Productivity:Git, JIRA, SLACK, Figma, Microsoft Teams

경력

우신 아이티 솔루션

2025.08 ~ BE + FE Developer

MES 시스템 구축 및 유지보수 담당, 신입 개발자 교육 및 관리

2025.08 ~ BE + FE Developer
  • [프로젝트 리딩]
    리딩 인력 부재 상황에서 프로젝트 리더 역할을 대행하여 테이블 설계 및 아키텍처 초안을 정의하고 개발 프로세스 주도
  • [신입 교육 및 관리]
    신입 개발자 3명을 대상으로 MES 시스템 개발 관련 기술 교육 및 업무 분담을 진행하여 팀 생산성 및 역량 강화에 기여
  • [다중 고객사 관리]
    5개 고객사의 MES 시스템 유지보수를 직접 담당하며 개선 요청사항을 처리하고 주요 장애를 분석·개선해 시스템 안정성 확보
  • [신규 기능 개발]
    고객사 요구사항에 맞춘 신규 기능 도입을 위해 테이블 설계 후 해당 기능을 성공적으로 추가 및 적용
  • [개발 환경 개선]
    운영 DB 의존성 해소를 위해 여분의 서버에 Linux/MariaDB 환경을 구축하고 독립적인 개발 DB를 생성하여 개발 안정성 및 데이터 관리 체계 강화
ExtJs4JavaMariaDBTomcat

BookSpider

2023.04 ~ 2025.07FE Developer

프론트엔드 멀티플랫폼 개발 담당

OMS 시스템

2025.03 ~ 2025.08FE 리딩 개발자
  • [아키텍처 최적화]
    TurboRepo 기반 Next.js 모노레포 환경 구성 및 프로젝트 구조 최적화로 개발 효율성 증대
    (ex. 서점,출판사,배송사,물류사 등)
  • [UI/UX 설계]
    TailAdmin 템플릿과 Figma를 활용하여 UI 아키텍처 구축 및 와이어프레임 설계 진행
  • [배포 안정화]
    Vercel CI/CD 파이프라인을 통해 개발 및 운영 서버를 분리 배포하고 DB 이원화를 적용하여 시스템 안정성 강화
  • [유지보수성]
    세분화된 컴포넌트 설계로 코드 중복을 최소화하고 유지보수성 및 재사용성 향상
  • [클라이언트 협업]
    Figma 기반 프로토타입 제작 및 클라이언트 피드백을 신속히 반영하여 최종 UI/UX 품질 개선 달성
TypeScriptNext.jsZustandReactQueryTailWindCSSshadCn/uiAWSVercel

출판사/서점 주문 시스템

2024.06 ~ 2025.03FE 리딩 개발자
  • [개발 환경 구축]
    TurboRepo 기반 Next.js 모노레포를 구성하고 프로젝트 구조를 최적화하여 다중 프로젝트 관리 기반 마련 (ex. 서점,출판사,고객 등)
  • [CI/CD 및 배포]
    Vercel 기반의 CI/CD 파이프라인을 구축하여 자동 배포 및 효율적인 협업 환경 조성
  • [디자인 시스템]
    ShadCn/ui를 활용한 디자인 시스템을 구축하고 Storybook 가이드를 제공하여 컴포넌트 재사용성 및 일관성 확보
  • [Mock API 구현]
    MSW(Mock Service Worker)를 도입하여 백엔드 개발 대기 없이 독립적으로 프론트엔드 개발 및 테스트 환경 운영
  • [접근성 강화]
    웹뷰 기반 PWA을 적용하여 다양한 플랫폼 및 디바이스에서의 접근성 확보
  • [요구사항 반영]
    클라이언트 미팅을 통해 프로토타입을 제작하고 피드백을 신속하게 반영하는 개발 프로세스 주도
TypeScriptReactNext.jsZustandReactQueryTailWindCSSshadCn/uiAWSVercel
2024.04 ~ 2024.06날개물류 홈페이지 리뉴얼
  • [프로젝트 주도]
    대표이사의 요구사항에 맞춰 기획부터 배포까지 전 과정에 참여하고 디자이너와 협업 수행
  • [UX/UI]
    Tailwind CSS 기반 <데스크톱, 태블릿, 모바일>
    반응형 웹 구현으로 안정적인 사용자 경험 제공
  • [애니메이션 구현]
    After Effects 툴로 직접 제작한 Lottie 파일을 활용하여 직관적인 애니메이션 구현
  • [데이터 시각화]
    Recharts, ApexChart를 활용해 월별 통계 데이터를 시각화하여 B2B 의사결정 지원
  • [업무 효율화]
    Microsoft Teams 웹훅을 연동한 실시간 알림 시스템 구축으로 상담 응대 효율 극대화
  • [성능 및 인프라]
    최초 AWS S3/CloudFront & React
    변경 Vercel & Next.js로 마이그레이션하여 로딩 속도 및 배포 용이성 개선
TypeScriptReactNext.jsTailWindCSSAWSVercel

우신 아이티 솔루션

2023.05 ~ 2024.04BE + FE Developer

10여 개 거래처의 MES 시스템 구축 및 유지보수 담당

날개물류 전산 시스템 고도화

2023.10 ~ 2024.04BE + FE Developer
  • [시스템 고도화 지원]
    노후화된 WMS 시스템 고도화 프로젝트에 참여하여 FE/BE 리팩토링 및 기능 개선 지원
  • [성능 및 안정화]
    핵심 기능(입출고, 재고 관리, 모니터링)에 대한 성능 검증 및 테스트를 수행하여 시스템 안정성 확보
  • [최적화 기여]
    빈번한 조회 쿼리에 대한 인덱스 적용 및 API 응답 시간 검토를 통해 시스템 속도 개선에 기여
ExtJs7 ,Java ,Spring ,JPA ,Docker, KafkaMariaDB

WisCloud

2023.05 ~ 2023.10BE + FE Developer
  • [데이터/로직 구현 지원]
    제조 현장 요구사항 기반의 데이터 수집 로직 구현 및 공정 모니터링 기능 개발 지원
  • [시스템 안정화 및 QA]
    MES 핵심 로직 및 프로세스에 대한 단위 테스트(Unit Test)를 주도적으로 수행하여 시스템 안정화에 기여
  • [공식 문서화 및 승인]
    정부 제출용 단위 테스트 결과서를 작성하고 **공식 승인 절차**를 지원하여 프로젝트 신뢰성 확보
ExtJs4 ,JavaMariaDB

사이드 프로젝트

2024.09 ~ 2024.09개인 프로젝트

  • Express와 Socket.IO로 실시간 채팅을 구축했습니다.
  • Render 무료 티어의 Sleep 정책으로 인해, 서비스 첫 응답 시 활성화 지연(cold start)이 발생할 수 있습니다.
  • Render에 배포해 웹소켓 연결과 메시지 브로드캐스트 안정성을 검증했습니다.
  • 로그인/접속 화면(pc2.png)과 반응형 채팅 UI(pc7.png)를 제작해 데스크톱·모바일 환경을 모두 지원합니다.

GroupWare

2023.01 ~ 2023.02팀장 (Leader Student)

  • 임직원을 위한 맞춤 관리 서비스로, 그룹웨어의 핵심 기능인 근태 관리와 전자 결재 서비스를 중심으로 구현하였습니다.
  • 직원 간 소통을 위해 메신저를 단순한 이메일 기능이 아닌 웹소켓을 활용한 실시간 채팅 기능으로 제작하였습니다.
  • 관리자는 사원들의 근태 관리와 전자 결재 승인·반려를 할 수 있으며, 메인 화면을 통해 공지사항을 전달할 수 있도록 구현하였습니다.
  • 사원은 그룹웨어 시스템을 통해 관리자에게 메일을 보낼 수 있는 기능을 이용할 수 있습니다.
  • 팀장으로서 전자 결재와 SMTP 서비스를 활용한 기능을 담당하였고, 프론트엔드 전체를 구현하여 팀원들이 백엔드 개발에 집중할 수 있도록 지원하였습니다.

Action

2023.02 ~ 2023.03팀장 (Leader Student)

  • OpenAPI를 적극 활용한 프로젝트로, 영화 예매 시스템과 실시간 베스트 영화 확인, 영화 검색 기능을 구현하였습니다.
  • 팀장으로서 홈 화면 구현과 OpenAPI를 이용한 영화 검색 시스템 개발을 담당하였습니다.

Skills

의사소통

  • 배려에서 협업이 시작된다고 믿으며, 빠른 실행력과 근거 기반의 의사소통, 책임감을 바탕으로 함께 일하려 노력합니다.
  • 팀 내 공통된 목표가 원활한 의사소통과 높은 생산성을 만든다고 생각합니다.
  • 모르는 것은 솔직히 모른다고 말할 수 있는 용기를 중요하게 생각합니다.
  • 백엔드 개발 경험을 바탕으로 원활한 협업이 가능하며, 비록 모든 백엔드 지식을 알지는 못하더라도 공감하고 배우려는 자세를 가지고 있습니다.

HTML/CSS

  • 의미 있는 마크업을 작성하고, 웹 접근성과 사용성을 최적화하는 것을 중요하게 생각합니다.
  • SCSS, PostCSS 등 CSS 전처리기와 CSS-in-JS에 익숙하며, TailwindCSS를 활용해 빠르고 일관된 스타일링을 할 수 있습니다.
  • 디자이너와 협업하여 프로토타입을 제작하고 실제 프로젝트를 진행한 경험이 있습니다.
  • 빠른 MVP 구축을 위해 TailAdmin 템플릿과 shadcn/ui 컴포넌트 라이브러리를 조합해 개발한 경험이 있습니다.
  • 검색 엔진 최적화(SEO)를 위해 Sitemap.xml, Robots.txt를 설정하고 네이버, 구글 검색 노출을 지원한 경험이 있습니다.

JavaScript

  • ES6 이후의 문법과 최신 자바스크립트 기능에 익숙합니다.
  • Vanilla JavaScript를 사용해 DOM 조작 및 이벤트 위임 등으로 개인 프로젝트를 구현한 경험이 있습니다.

TypeScript

  • JavaScript보다 TypeScript 개발 환경에 더 익숙합니다.
  • 유틸리티 타입, 제네릭, 서로소 타입 등을 활용해 안정적인 타입 정의와 좁히기에 익숙합니다.
  • 실제 프로젝트에서 타입을 통한 런타임 에러 방지 및 코드 안정성을 확보한 경험이 있습니다.

ReactJs

  • 함수형 컴포넌트와 Hooks 사용에 익숙합니다.
  • Next.js 환경에서 주로 개발하며, 요구사항에 따라 CSR, SSR, SSG, ISR을 적절히 선택해 적용할 수 있습니다.
  • 상태 관리와 성능 최적화를 고려한 컴포넌트 구조 설계 경험이 있습니다.

ExtJs

  • Ext JS 4 및 7 환경에서의 개발 경험이 있습니다.
  • MVC/MVVM 패턴을 프로젝트 요구사항에 맞게 적용할 수 있습니다.
  • 그리드, 데이터 스토어, 폼 등 다양한 UI 컴포넌트를 활용하여 레거시 환경에서 최적화된 애플리케이션을 개발한 경험이 있습니다.

DevOps

  • 자동화를 통해 생산성을 높이는 것을 중요하게 생각합니다.
  • GitHub Actions와 Vercel을 활용한 CI/CD 파이프라인 구축 경험이 있습니다.
  • AWS IAM, S3, CloudFront, EC2, ECS 등 기본적인 클라우드 서비스 활용 경험이 있습니다.

교육 및 과정

  • 중앙정보처리학원 [2022.10.25 ~ 2023.04.13] 자바 백엔드 과정 수료
  • 안랩샘 아카데미 [2022.10.01 ~ 2022.11.26] 자바스크립트 과정 수료
  • K-digital 스파르타 웹개발 종합반 [2022.09.22 ~ 2022.10.25] 팀스파르타(주)
  • K-digital 스파르타 앱개발 종합반 [2022.08.22 ~ 2022.09.25] 팀스파르타(주)