사용자 중심책임감빠른 적응꼼꼼함
Skill
vue
react
javascript
typescript
html
css
scss
styled-component
webpack
vite
svn
gitExperience
데이터 분석 대시보드
- 데이터 시각화: Tabulator, TUI Chart를 활용한 데이터 그리드 및 차트 구현
- API 연동: RESTFul API기반의 데이터 통신
- 문서 처리: PDF 파일 미리보기 및 다운로드 기능 구현
- 푸시 알림: FCM 기반 웹 푸시 알림 연동
- 웹 표준: 웹 표준 및 웹 접근성 준수로 범용적인 UX 제공
이벤트/프로모션 페이지
- 랜딩페이지 제작: 비즈니스 목적에 부합하는 랜딩페이지 제작
- 인터랙션 구현: GSAP, AOS, Motion 및 CSS 애니메이션을 활용한 동적 UI 구현
- 성능 최적화: Lighthouse 지표 기반의 성능 개선 및 SEO 최적화 수행
- 글로벌 대응: i18n 라이브러리로 다국어 인터페이스 구축
백오피스 운영
- 유지보수: 레거시 코드 분석 및 지속적인 리팩토링으로 코드 품질 개선
- 품질 관리: 지속적인 모니터링을 통한 성능 안정화 및 운영 효율 제고
- UI 표준화: Bootstrap 기반의 반응형 레이아웃 및 공통 컴포넌트 설계
AI 챗봇 프로젝트
- PWA 개발: 오프라인 환경을 지원하는 PWA 기반의 모바일 친화적 UI 구축
- 실시간 통신: Socket.IO를 활용한 양방향 실시간 메시징 기능 구현
- AI 연동: Ollama를 연동한 LLM 기반의 대화형 인터페이스 최적화
테스트 및 QA
- 단위 테스트: Mocha, Chai를 활용한 TDD 방식의 유틸리티 로직 검증
- E2E 테스트: Cypress를 활용한 시나리오 기반 통합 테스트 및 UI 자동화
R&D 및 기술 전환
- 프레임워크 전환: Vue.js에서 React로 프레임워크 마이그레이션 주도
- 빌드 도구 최적화: Vue CLI에서 Vite로 전환하여 개발 환경 및 빌드 속도 개선
- 스타일링 고도화: SCSS에서 Styled-components로의 스타일 아키텍처 전환
Plans
단기 목표(3~6개월, 현재 진행형)
- - 레거시 Pug 템플릿 점진적 모던화 (재사용 가능한 컴포넌트 구조)
- - 풀스택 역량 강화
장기 목표(1년~5년)
- - 프론트엔드 챕터 리드 경험 (기술 의사결정 주도)
- - 주니어/미들 개발자 멘토링 프로그램 운영
- - 회사 전체 기술 방향성 설정
- - 업계 인정받는 전문가
지속 학습
- - 시니어 또는 테크 리드로 팀 성장 견인
- - 프론트엔드 아키텍처 설계 역량 확보
- - 오픈소스 기여 또는 기술 블로그 운영 (업계 인지도)
- - Web3, Blockchain 등 학습
![[동남아]드래곤네스트
클래식 홈페이지 및 이벤트·프로모션 페이지](/images/link/cls_main.png)
![[동남아]드래곤네스트
2025년 8월 랜딩 이벤트 페이지](/images/link/sea_aug.png)