안녕하세요,
프론트엔드 개발자
연효경입니다.
"코드 품질부터 팀 문화까지, 서비스의 성장을 함께 만드는
개발자"
- 사용자 경험 개선과 서비스 성능 최적화에 집중하며 비즈니스 성과로
이어지는 개발 경험이 있습니다.
- 팀 리딩 경험을 바탕으로 개발 프로세스를 개선하며 팀 전체가 함께
성장할 수 있는 환경을 만들어갑니다.
Career
경력
OAuth 2.0 / OIDC 기반의 통합 로그인 시스템 설계 및 구축으로 안전한 단일 인증 환경 구현
한 번의 로그인으로 플랫폼 서비스를 통합 연동하여 사용자 편의성 향상
Vue.js → Next.js 마이그레이션 레거시 대응
App Router 기반 서버 컴포넌트 적용으로 JS 번들 감소 및 초기 로딩 성능 개선
맥스트 디자인 시스템 적용 및 데이터 처리 공통 로직 구축을 통한 개발 환경 표준화 및 셋업 시간 단축
Tanstack Query 캐싱 + Redux Toolkit 불변성 관리를 통한 성능 최적화
Unity WebGL XR 뷰어 연동 및 JS ↔ Unity 양방향 통신 처리 구축
Next.js SSG 적용으로 페이지 로딩 속도 개선 및 서버 비용 절감에 기여
Projects
프로젝트
MAXVERSE 통합 인증(Single Sign-On) 서비스
산업용 AR 솔루션 및 설비 점검 관리 플랫폼
백오피스 플랫폼 개발 인프라
XR 메타버스 플랫폼 Maxverse의 뷰어 소개
PKCE(Proof Key for Code Exchange) 방식 적용으로 보안 강화
OpenID Connect 기반 토큰 관리 및 자동 갱신 로직 구현
로그인 · 회원가입 · 서비스 가입 · 프로필 등 인증 전 주기 기능 구현
서드파티 로그인 연동을 위한 개발자 센터 · 가이드 문서와 연계하여 완성도 높은 서비스 제공
WebView 환경에 최적화된 이벤트 처리 및 반응형 레이아웃 구현
Keycloakify를 활용한 Keycloak UI 커스터마이징
RAPA(한국전파진흥협회) 기술 피드백 대응 전담 및 요구사항 반영
3가지 독립 서비스(원격지원, 저작도구, 관리자)를 하나의 플랫폼으로 통합하여 사용자 경험 개선
App Router 기반 서버컴포넌트 적용으로 JS 번들 감소 및 초기 로딩 성능 개선
맥스트 디자인 시스템 적용 및 재사용 공통 컴포넌트 구현
사용자/설비 그룹 관리, 원격 통화 및 체크시트 관리 REST API 연동
판매 상품 및 사용자 권한에 따른 12가지 UI 분기 처리
Vuex Action 비동기 처리 로직 모듈화하여 코드 가독성 및 재사용성 향상
i18n 라이브러리를 활용한 한/영 다국어 지원 체계 구축
시맨틱 마크업 및 메타 태그 최적화로 검색 엔진 노출 강화
React Query 기반 데이터 호출/가공/리프레시/에러 처리 공통 로직 개발
React Query 캐싱 + Redux Toolkit 불변성 관리를 통한 성능 최적화
맥스버스 통합 인증 로그인 PASSPORT 연동
맥스트 백오피스 사이트까지 확장 활용
SEO 최적화를 위한 메타 태그, 사이트맵, 시맨틱 마크업 전체 적용
구글 스프레드시트 연동으로 문구 동적 업데이트 구현, 배포 빈도 축소
IntersectionObserver를 활용한 스크롤 기반 섹션 애니메이션 구현
모바일 접근성을 높인 반응형 UI 개발
Skills
기술 스택
Collaboration & Growth
일하는 방식
Education