미리보기

기술 스택

기술 스택

React

Next.js

TypeScript

JavaScript

경력

자기소개

자기소개

Frontend Development

• JavaScript (ES5/ES6+)

  • ES6 이전 문법에 대한 이해와 활용 경험 보유, 레거시 코드 분석 및 최신 문법으로 자연스러운 변환 가능

  • AJAX를 활용한 비동기 통신 및 REST API 데이터 처리에 능숙

  • iframe과 외부 요소 간 통신(POST 메소드 활용) 경험 다수

  • PHP 기반 서버 사이드 렌더링(SSR) 환경에서, 스크립트의 비동기 및 순차적 로딩 최적화 경험

• React.js / Next.js

  • React 컴포넌트 기반 아키텍처 설계 및 개발

  • Next.js 13+ App Router 기반 SSR 개발 능숙, Page Router 이해 및 활용 가능

  • SSR 최적화 및 사용자 경험 개선을 위한 데이터 프리페칭 전략 경험

  • 상태 관리: Redux를 통한 전역 상태 관리 경험, 경량 라이브러리인 Zustand 활용 경험

• Firebase

  • Firestore(Collection 기반) 데이터베이스 구조 설계 및 연동

  • GitHub Actions를 통한 CI/CD 파이프라인 구축 및 자동 배포 경험

  • Firebase Hosting을 이용한 간단한 Todo List 앱 구축 및 배포 경험

• Responsive Web & UI/UX

  • 다양한 해상도 대응 반응형 웹 퍼블리싱 및 레이아웃 최적화

  • Drag & Drop UI 및 WYSIWYG 에디터 블록 시스템 구현 경험

  • Skeleton 컴포넌트를 통한 비동기 데이터 로딩 UX 개선

API 및 데이터 통신

• REST API 통신 기반 데이터 연동 및 에러 핸들링 최적화

• PDF.js를 활용한 PDF 텍스트 추출 및 서버 전송 기능 개발

• WebSocket을 활용한 실시간 데이터 처리 경험

협업 및 툴 사용

• Git 기반 형상 관리 및 협업 경험

• Notion 등의 협업 툴 활용

• Figma 디자인 시안 기반 프론트엔드 구현

문제 해결 및 최적화

• 레거시 코드 분석 및 리팩토링 경험

• 비동기 작업 및 데이터 병목 현상 최적화

• 실시간 인터페이스 최적화 및 성능 개선 경험

JavaScript(ES5/ES6+), React, Next.js(App Router/Page Router), Redux, Zustand, Firebase, REST API, WebSocket, AJAX, PDF.js, Responsive Web, Drag & Drop, WYSIWYG Editor, Git, CI/CD(GitHub Actions), PHP SSR Optimization

포트폴리오

교육

자격증