ABOUT ME

Introduce

협업을 중요시하며 3년간 다양한 프로젝트를 통해 실력을 쌓아온 프론트엔드 개발자 조재영 입니다. 저는 React와 Vue.js로 효율적이고 유지보수가 용이한 코드를 작성하며, 복잡한 요구사항을 반영한 견고하고 확장 가능한 시스템 설계와 구현을 주도해 왔습니다. 특히, 마이크로 프론트엔드 아키텍처 도입은 저에게 큰 도전이자 학습의 기회였습니다. 당시 340만 줄 이상의 JavaScript 코드와 수천 개의 Vue 파일을 분석하고, 복잡한 의존성을 분리하여 독립적인 배포 시스템을 구축하려 했습니다. 그러나 초기 복잡성 관리 및 통합 문제로 인해 많은 시행착오를 겪었으며, 이 과정에서 설계와 협업의 중요성을 절실히 깨달았습니다. 이후 프로젝트에서는 이러한 경험을 바탕으로 효율적이고 유지보수가 용이한 아키텍처 설계와 개발에 집중하고 있습니다. 특히, 사용자 경험을 최우선으로 하여 직관적이고 매끄러운 인터페이스 구현에 주력하며, 완성도 높은 결과물을 목표로 하고 있습니다. 더불어, 스터디를 통해 최신 기술 트렌드를 같이 학습하고, 이를 실제 프로젝트에 적용하여 발전을 추구합니다. 이러한 지식을 팀원들과 함께 공유하여 협업 문화를 만들어 나가고 있습니다.

career

아이페이지온

(2025. 01 ~ 진행 중)

EMS/ORM 프로젝트 Vite 마이그레이션(2025. 01 ~ 진행 중)

(2025. 01 ~ 진행 중)

기존 Craco 기반 번들링 시스템을 Vite로 전환하여 개발 서버 빌드 속도 개선

• 기존 Craco 기반 번들링 시스템을 Vite로 전환하여 개발 서버 빌드 속도 개선

• Vite 환경에 맞춰 ESLint, Babel, TailwindCSS 등의 설정을 재구성하여 개발 표준 정립

Technologies

Vite

ESLint

Babel

TailwindCSS

프론트엔드 빌드 시스템 구축(2025. 02 ~ 진행 중)

(2025. 02 ~ 진행 중)

환경별 빌드 자동화를 위한 스크립트 설계 및 실행 구조 정립

• 환경별 빌드 자동화를 위한 스크립트 설계 및 실행 구조 정립

• 개발/스테이징/운영 환경 분리 및 설정 자동화로 릴리즈 안정성 확보

• 빌드 번들 사이즈 최적화

Technologies

Webpack

Node.js

Shell Script

이슈 트래킹 시스템 도입(2025. 03 ~ 진행 중)

(2025. 03 ~ 진행 중)

프로젝트 전반의 업무 가시화를 위해 GitHub Issues 및 Projects 체계 도입

• 프로젝트 전반의 업무 가시화를 위해 GitHub Issues 및 Projects 체계 도입

• 이슈 템플릿 및 라벨링 규칙 정의로 커뮤니케이션 명확성 확보

• 주간 회의와 연계하여 업무 분배 및 일정 관리 효율화

Technologies

GitHub Issues

GitHub Projects

문서화 시스템 도입 및 운영(2025. 03 ~ 진행 중)

(2025. 03 ~ 진행 중)

팀 내부 기술 문서 공유를 위해 Wiki.js 도입 및 운영 환경 구성

• 팀 내부 기술 문서 공유를 위해 Wiki.js 도입 및 운영 환경 구성

• 비용 절감 및 보안 이슈 대응을 위해 사내 서버에 Wiki.js 구축

• Wiki.js 내 개발 가이드, 운영 문서, 공통 컴포넌트 정의 등 통합 문서화 진행

• 문서 기반 업무 흐름 확립으로 신규 입사자 온보딩 및 팀 내 커뮤니케이션 효율화

Technologies

Wiki.js

Docker

Nginx

배포 자동화 프로세스 구축(2025. 04 ~ 진행 중)

(2025. 04 ~ 진행 중)

Jenkins 기반의 CI/CD 파이프라인 설계 및 구축

• Jenkins 기반의 CI/CD 파이프라인 설계 및 구축

• Discord 연동을 통한 배포 상태 실시간 알림 및 실패 시 롤백 가이드 마련

Technologies

Jenkins

Docker

Discord API

스마트스코어

(2023. 09 ~ 2024. 09)

No.1 골프 포털 플랫폼으로 골프산업과 관련된 서비스를 제공하는 IT 플랫폼 기업

MY스코어 신규 개발 (앱 5.0 버전 리뉴얼)(2024. 03 ~ 2024. 09)

(2024. 03 ~ 2024. 09)

스코어 분석 기능을 구체화한 MY 골프 서비스

• MY골프백, MY골프장, MY배지 등 6가지 주요 기능 개발을 통해 사용자 맞춤형 골프 서비스 제공

• Feature-Sliced Design(FSD) 패턴 도입으로 모듈 간 의존성 최소화 및 기능 확장 속도 향상

• MY 서비스 관리자 페이지 설계, 데이터 관리를 통한 운영 효율성 향상

• 코드리뷰를 통해 가독성을 높이고 코드 스타일 가이드라인 개선

• Highcharts 및 Chart.js를 이용한 동적 데이터 시각화

Technologies

Vue.js

Vuex

Highcharts

큐박스 신규 개발 (앱 5.0 버전 리뉴얼)(2024. 01 ~ 2024. 03)

(2024. 01 ~ 2024. 03)

다양한 서비스에서 개인화된 광고 추천 서비스

• 20개 이상의 서비스 개인 광고를 노출하기 위한 공통 컴포넌트 개발

• 공통 컴포넌트 적용 가이드 제공으로 추가 교육 없이도 손쉽게 컴포넌트를 활용할 수 있도록 지원

• 내부 관리자 페이지에서 유연한 커스터마이징 기능 설계 및 최적화

Technologies

Vue.js

Vuex

외부 라이브커머스 솔루션 도입(2023. 12 ~ 2024. 01)

(2023. 12 ~ 2024. 01)

실시간 스트리밍 서비스

• Vue WebView 프로젝트에 실시간 스트리밍 기반의 라이브 커머스 솔루션 통합

• 도입 과정 문서화로 유지보수 및 확장

Technologies

Vue.js

Vuex

Hls.js

마이크로 프론트엔드 POC 버전 도입 및 개발 문서화(2023. 09 ~ 2023. 12)

(2023. 09 ~ 2023. 12)

기존 모놀리식 레거시 시스템을 마이크로 프론트엔드 구조 전환

• 340만 줄 이상의 JavaScript 코드와 4,300개의 Vue 파일 분석을 통한 POC 도입

• 모놀리식 아키텍처와의 차이점 문서화 및 팀 내 기술 공유를 통해 기술 이해도 향상

• 사내 GitLab 기술 레포지토리 배포로 프론트엔드 개발자들의 관심과 이해 증진

Technologies

Next.js

React

Vue.js

Turborepo

TypeScript

스튜디오 브리즈

(2023. 06 ~ 2023. 09)

'다크 슬레이어:방치형 RPG' 글로벌 출시 및 AOS 인기 1위를 달성하며, 다양한 게임을 제작 중인 모바일 게임 기업

다크 슬레이어:방치형 RPG 어드민 툴 구축(2023. 06 ~ 2023. 09)

(2023. 06 ~ 2023. 09)

액션 방치형 RPG 모바일 게임 운영, 통계 어드민

• 화면 설계서를 기반으로 50개 이상의 세부 기능 요구사항을 도출하고 설계 방향성 구축

• 초기 JavaScript로 신속한 개발을 시작하고, TypeScript로 점진적 마이그레이션을 통해 코드 안정성과 타입 안전성 강화

• 사용자 역할 기반의 페이지 접근 제어 기능으로 세분화된 권한 관리

• 메모이제이션(useCallback, useMemo)을 사용하여 불필요한 렌더링 개선

• Jenkins 기반의 CI/CD 파이프라인 구축으로 QA, DEV, PROD 환경 간 일관된 자동화 배포 프로세스 확립

Technologies

React

TypeScript

Redux Toolkit

Tailwind CSS

위시모바일

(2021. 11 ~ 2023. 02)

50만 이상 다운로드를 기록한 글로벌 콘텐츠인 MeraPlay 플랫폼과 모바일·엔터테인먼트 서비스를 제공하는 IT 플랫폼 기업

StarLight (ProtoType)(2022. 12 ~ 2023. 02)

(2022. 12 ~ 2023. 02)

K-POP 아티스트 또는 아이돌을 투표하여 리워드 보상을 해주는 서비스

• React Native를 사용해 Android/iOS 크로스플랫폼 동시 개발

• WebSocket을 통한 실시간 투표 결과 화면 자동 업데이트 제공

• 다국어(인도네시아어, 영어, 한국어) 및 다크/화이트 모드 지원

• Recoil을 사용한 Global-State 관리 및 역할 기반 접근 제한 기능

• Styled Components로 컴포넌트 기반의 재사용 가능한 스타일링 적용

Technologies

React Native

Recoil

Styled-components

Creta (NFT 마켓 플레이스)(2022. 04 ~ 2022. 11)

(2022. 04 ~ 2022. 11)

MetaMask 지갑을 이용한 NFT 판매 웹사이트 (Polygon)

• Tailwind로 UI를 구현하고 Web3.js를 활용해 NFT 판매 웹사이트 구축

• Go로 개발된 백엔드 프로토콜과 RESTful API을 통해 통신하는 프론트엔드 클라이언트 구현

• Redux를 활용해 전역 상태 관리를 최적화하고 코드 복잡도를 개선하여 성능 향상

• 다양한 민팅 테스트 케이스를 통해 가스비 최적화 가격 책정, 비용 절감 효과 달성

Technologies

Next.js

Web3.js

Redux

Tailwind CSS

Framer-motion

New SSEM(2021. 11 ~ 2022. 03)

(2021. 11 ~ 2022. 03)

서울 비대면 온라인 교육플랫폼, 화상 수업 웹사이트

• 라이프사이클 훅(mounted, created)을 활용해 동적 데이터 로딩 및 UI 업데이트 구현

• 컴포넌트 재사용성을 높여 코드 유지보수성 강화

• Axios와 Vuex를 활용해 API 통신 로직 최적화로 네트워크 요청 감소 및 성능 개선

Technologies

Spring Framework

Vue.js

JQuery

skills

Frontend Development

• 주로 React를 선호해 효율적인 UI 개발과 상태 관리에 집중하고 있으며, Vue.js도 경험하여 지속적으로 학습하고 성장하고 있습니다.

• 컴포넌트의 재사용성과 코드 모듈화를 중요하게 여기며, 주로 커스텀 Hooks를 활용하여 로직을 효과적으로 분리하고 있습니다.

• React Query와 같은 최신 React 생태계 도구들을 탐구하며, 비동기 상태 관리와 데이터 페칭을 최적화하는 데 관심을 기울이고 있습니다.

• TypeScript의 강력한 타입 시스템을 활용해 안전하고 예측 가능한 코드를 작성하려고 노력하고 있습니다.

• Storybook 사용에 대한 깊은 이해를 쌓아가며, 이를 통해 체계적인 개발 환경을 구축하고자 합니다.

• Jest와 React Testing Library를 사용하여 테스트 주도 개발(TDD)을 실천하고 있으며, 신뢰성 있는 애플리케이션을 개발하기 위한 역량을 키워가고 있습니다.

• 웹 접근성(Accessibility)과 시맨틱 마크업의 중요성을 인식하고 있습니다.

Workflow & Collaboration

• Git을 사용한 버전 관리와 협업 경험이 풍부하며, 특히 팀 프로젝트에서의 효율적인 워크플로우를 중요시합니다.

• Slack과 Mattermost 등 비동기 커뮤니케이션 도구를 적극 활용할 수 있습니다.

• Notion, Jira, Confluence 같은 협업 툴 사용에 익숙합니다.

• 새로운 기술을 마주할 때마다 능동적으로 탐구하고 빠르게 학습해 업무에 적용합니다. 복잡한 경우도 있지만, 최대한 신속하게 활용하려고 노력합니다.

방문해 주셔서 감사합니다!

Introduce

아이페이지온

EMS/ORM 프로젝트 Vite 마이그레이션(2025. 01 ~ 진행 중)

프론트엔드 빌드 시스템 구축(2025. 02 ~ 진행 중)

이슈 트래킹 시스템 도입(2025. 03 ~ 진행 중)

문서화 시스템 도입 및 운영(2025. 03 ~ 진행 중)

배포 자동화 프로세스 구축(2025. 04 ~ 진행 중)

스마트스코어

MY스코어 신규 개발 (앱 5.0 버전 리뉴얼)(2024. 03 ~ 2024. 09)

큐박스 신규 개발 (앱 5.0 버전 리뉴얼)(2024. 01 ~ 2024. 03)

외부 라이브커머스 솔루션 도입(2023. 12 ~ 2024. 01)

마이크로 프론트엔드 POC 버전 도입 및 개발 문서화(2023. 09 ~ 2023. 12)

스튜디오 브리즈

다크 슬레이어:방치형 RPG 어드민 툴 구축(2023. 06 ~ 2023. 09)

위시모바일

StarLight (ProtoType)(2022. 12 ~ 2023. 02)

Creta (NFT 마켓 플레이스)(2022. 04 ~ 2022. 11)

New SSEM(2021. 11 ~ 2022. 03)

Frontend Development

Workflow & Collaboration