오다은 Oh Daeun
실제 서비스의 UI부터 데이터 흐름까지 전체 구조를 직접 설계·구현한 경험을 바탕으로,
새로운 환경에서도 빠르게 적응하며 완성도 높은 결과물을 만들어가는 개발자입니다.
INTRODUCE
웹 에이전시 십이지(주)에서 퍼블리셔로 근무하며 HTML·CSS 기반기를 탄탄히 다졌습니다. 현대ISC와 경일게임아카데미 등 기업 웹사이트 제작을 전담하며 반응형 웹, 접근성, SEO를 고려한 마크업 경험을 쌓았고, 세밀한 UI 디테일과 재사용 가능한 코드 작성 습관을 갖추게 되었습니다.
이후 코드잇(주) 프론트엔드 부트캠프에서 React와 Next.js를 집중적으로 학습하며 API 연동, 상태 관리, SSR/CSR 환경 등을 실습했습니다. 여러 팀 프로젝트를 수행하며 컴포넌트 설계 방식, 협업 구조, 코드 재사용성에 대한 이해를 한층 넓혔습니다.
크로마(주) 인턴 근무에서는 Nuxt.js와 Tailwind CSS 기반의 그룹웨어 일정 관리 UI를 개발하며, API·목 데이터 연동과 백엔드 개발자와의 실무 협업 경험을 쌓았습니다.
현재는 큐버스랩(주)에서 React 기반의 B2B 관리자 웹 서비스를 개발하고 있습니다. 숙박·티켓 가맹점의 상품·예약·정산 도메인을 다루며 공통 UI 패키지 구축, 복잡한 폼 처리, 서버 상태 관리, 데이터 시각화 등 실제 서비스 중심의 문제 해결 경험을 통해 프론트엔드 개발자로 성장하고 있습니다.
이후 코드잇(주) 프론트엔드 부트캠프에서 React와 Next.js를 집중적으로 학습하며 API 연동, 상태 관리, SSR/CSR 환경 등을 실습했습니다. 여러 팀 프로젝트를 수행하며 컴포넌트 설계 방식, 협업 구조, 코드 재사용성에 대한 이해를 한층 넓혔습니다.
크로마(주) 인턴 근무에서는 Nuxt.js와 Tailwind CSS 기반의 그룹웨어 일정 관리 UI를 개발하며, API·목 데이터 연동과 백엔드 개발자와의 실무 협업 경험을 쌓았습니다.
현재는 큐버스랩(주)에서 React 기반의 B2B 관리자 웹 서비스를 개발하고 있습니다. 숙박·티켓 가맹점의 상품·예약·정산 도메인을 다루며 공통 UI 패키지 구축, 복잡한 폼 처리, 서버 상태 관리, 데이터 시각화 등 실제 서비스 중심의 문제 해결 경험을 통해 프론트엔드 개발자로 성장하고 있습니다.
희망 연봉: 면접 후 협의
SKILL
Languages
- JavaScript
- TypeScript
- HTML
- CSS
Frameworks &
Libraries- React.js
- Next.js(14)
- Tailwind CSS
- Styled Components
- React Query
- React Hook Form
- Zustand
- Zod
- Axios
- MSW
Tools
- Vite
- Git
- GitHub
- GitHub Actions
- Notion
- Jira
- Figma
- Vercel
EXPERIENCE
- 2025. 04 ~
큐버스랩(주) 근무
웹 프론트엔드 개발자- 숙박·티켓 가맹점이 상품·예약·정산을 운영하는 가맹/슈퍼 관리자 웹 서비스를 단독 프론트엔드로 담당하며 React+Vite 기반 프로젝트 구조 설계 및 개발 전반 리드
- 두 관리자 서비스의 UI 일관성을 위해 사내 공통 UI 패키지를 직접 설계·구축하여 버튼, 모달, 테이블 등 공통 컴포넌트를 재사용 가능한 구조로 정리
- React Query, Zustand, React Hook Form, Zod를 활용해 서버 상태·전역 상태·폼 상태를 분리 관리하고, 상품 등록·예약 관리·정산 조회 등 주요 도메인 기능 구현
- Jira 칸반 보드, 코드 스타일/커밋 컨벤션을 정립해 작업 흐름을 표준화하고, GitHub Actions 기반 CI 환경과 연계해 안정적인 배포 프로세스에 기여
- CursorAI, ChatGPT 등 AI 도구를 참고 도구로 활용해 반복되는 코드 패턴·문서 초안 작성을 효율화하고, 구현 의사결정은 직접 검토·수정하며 품질을 관리
관련 프로젝트: 링패스 관리자 웹 서비스
- 2024. 12 ~ 2025. 02
크로마(주) 일경험 인턴 근무
웹 프론트엔드 개발자- 사내 그룹웨어 프로젝트의 일정 관리 기능 개발에 참여하며 Nuxt.js 기반 프로젝트 구조와 협업 프로세스 경험
- 프로젝트별 개인 업무를 날짜별로 관리할 수 있는 스케줄러 UI 구현 및 드래그·드롭 인터랙션 도입
- Notion과 GitHub를 활용해 이슈·진행상황을 문서화하고 코드 리뷰를 통해 협업 경험 축적
- 사랑의 열매 크라우드 펀딩 페이지를 템플릿화하여 섹션별 템플릿 컴포넌트를 제작, 이후 유사 프로젝트 작업 효율 개선
관련 프로젝트: 크로마 사내 그룹웨어
- 2024. 02 ~ 2024. 08
코드잇 스프린트 FE 5기 수료
웹 프론트엔드 부트캠프- Notion 기획안과 Figma 디자인 시안을 기반으로 React와 Next.js로 홈페이지를 구현
- 3번의 팀 프로젝트에 참여하며 2회 팀장과 1회 팀원 역할을 맡아 리더십과 협업 능력을 향상
- Tailwind CSS와 Styled Components 같은 CSS 라이브러리를 익히고 활용
- 발표 경험을 통해 프로젝트의 강점과 핵심포인트를 발표에 녹여내는 능력을 강화
관련 프로젝트: Global Nomad 홈페이지
- 2022. 06 ~ 2023. 04
- 2021. 12 ~ 2022. 05
스마트기기 UI/UX 디자인 훈련 수료
디지털앱·웹 디자인, 웹 퍼블리셔 과정- Photoshop으로 직접 제작한 디자인 시안을 HTML과 CSS로 구현한 정적 퍼블리싱 및 JQuery로 동적 퍼블리싱 수행
- Photoshop과 Illustrator 등 디자인 툴을 사용하여 UI/UX 디자인의 기본 원리와 구현 능력 강화
- 기획부터 퍼블리싱까지 웹사이트 리뉴얼을 주도하며 웹 디자인과 프론트엔드의 연계성을 이해
PROJECT
- 2025. 04 ~기여도 100%
프론트엔드 단독 개발
- Skill Keywords
- React.js
- Vite
- TypeScript
- React Query
- Tailwind CSS
- Zustand
- React Hook Form
- Zod
- GitHub
- Jira
- Figma
- Notion
- 숙박·티켓 가맹점의 상품·예약·정산을 운영하는 가맹/슈퍼 관리자 웹 서비스 프론트엔드 설계 및 구현
- 가맹 관리자/슈퍼 관리자 두 환경의 UX 흐름을 정의하고, 공통 UI 패키지 기반으로 재사용 가능한 컴포넌트 구조 구축
- React Query로 API 응답 캐싱 전략을 구분(staleTime 등)해 불필요한 재요청을 줄이고, Zustand로 인증 정보·전역 도메인 상태를 관리
- React Hook Form + Zod를 활용해 상품·가맹점 등록 등 복잡한 폼을 구현하고, 검증 로직을 스키마 기반으로 일원화
- 이미지 업로드, 검색/필터, 캘린더/리스트 기반 조회, 엑셀 다운로드 등 관리자 업무 중심 UI 컴포넌트 개발
- Jira 칸반 기반 작업 관리와 GitHub 브랜치 전략·커밋 컨벤션 정립을 통해 협업·운영에 적합한 개발 프로세스 구축
- Skill Keywords
- 2024. 12 ~ 2025. 01기여도 20%
크로마(주) 사내 그룹웨어
프론트엔드 개발 참여
- Skill Keywords
- Nuxt.js
- Vue.js
- interact.js
- Tailwind CSS
- 사내 그룹웨어의 일정 관리 화면에서 프로젝트별 개인 업무를 날짜별로 관리할 수 있는 스케줄러 UI 개발
- Nuxt.js 기반으로 일정 카드·캘린더 컴포넌트 구현 및 목 데이터를 활용한 화면 시각화
- interact.js로 드래그 이동·리사이즈 인터랙션을 적용해 직관적인 일정 조정 경험 제공
- Notion·GitHub를 활용한 작업 공유 및 코드 리뷰를 통해 협업 프로세스 경험
- Skill Keywords
- 2024. 09 ~ 2024. 10기여도 100%
홈페이지 프론트엔드 개발 개인 프로젝트
- Skill Keywords
- Next.js
- React.js
- React Query
- Next Auth
- React Hook Form
- Tailwind CSS
- Zustand
- 백엔드 API와 디자인 시안을 기반으로 글귀 공유 플랫폼 프론트엔드 전담 개발
- 반응형 웹 구현으로 다양한 화면 크기에서 UI 요소가 깨지지 않도록 최적화
- SSR과 CSR의 장점을 활용한 Next.js 웹 애플리케이션 구현 (랜딩페이지에서 SSR, 나머지 페이지에서 CSR 사용)
- React Query로 비동기 데이터 관리 최적화 및 API 호출 효율성 강화
- Next Auth를 통한 사용자 인증 관리 도입으로 보안성 강화
- middleware로 인증되지 않은 사용자의 특정 페이지 접근 제한
- Zustand를 이용해 전역 상태 관리 (모달, 토스트 등)
- 프로필 이미지 편집 기능 구현 (react-avatar-editor를 사용해 이미지 확대 및 위치 조정 가능)
- Skill Keywords
- 2024. 07기여도 20%
- 2023. 01 ~ 2023. 02기여도 100%
EDUCATION
- 2017. 03 ~ 2020. 02
동국대학교 WISE캠퍼스
사회복지학과 조기졸업- 학점 평균 4.29/4.5
- 최우등 졸업상 수상
- 2014. 03 ~ 2017. 02
양서고등학교
자연계 졸업