프론트엔드 포트폴리오

👨‍💻 About Me

탄탄한 웹 표준과 UI 구현력을 바탕으로, 비즈니스 로직과 사용자 경험을 연결하는 프론트엔드 개발자 [강도현]입니다.

퍼블리셔로 다진 마크업과 반응형 웹에 대한 깊은 이해를 기반으로, 복잡한 상태 관리와 렌더링 최적화를 고민하며 완성도 높은 웹 애플리케이션을 만듭니다. 사용자가 체감하는 매끄러운 인터랙션과 개발 생산성을 높이는 유지보수성 높은 코드 구조를 지향합니다.

Birth : 1998.05.02

E-mail : [email protected]

GitHub : https://github.com/kangdoh

Frontend

:icons8-네이티브에-반응하다: React : 공통 컴포넌트 설계와 커스텀 훅 기반의 로직 분리에 능숙하며, 공식 문서를 통해 최신 API와 권장 문법을 지속적으로 확인하고 적용합니다.
Next.js : 서비스 특성에 맞춰 SSR과 CSR을 구분해 적용할 수 있고, App Router를 이용해 라우팅과 메타데이터(SEO)를 설정합니다.
:icons8-뷰-js: Vue3 : Vue3 내부 문법(Composition API)을 활용해 REST API 데이터를 화면에 바인딩하고, 컴포넌트 단위로 UI를 개발한 경험이 있습니다.
TypeScript : API에서 받아오는 데이터에 타입을 미리 짜둬서 런타임 에러를 잡고, 비슷한 타입끼리는 중복해서 쓰지 않게 유틸리티 타입으로 깔끔하게 정리해 사용합니다.
:icons8-자바-스크립트: JavaScript : 프레임워크를 쓰더라도 JS 기본기가 제일 중요하다고 생각합니다. 코딩 테스트를 풀며 자료구조와 메서드 활용법을 익히며, 비동기 통신이나 DOM 동작 흐름을 이해하려고 노력합니다.
:icons8-html-480:HTML5 / :icons8-css3: CSS3: 퍼블리싱 실무 경험을 바탕으로 시맨틱 태그를 준수하며, 미디어 쿼리와 Flexbox/Grid로 모바일/데스크톱 반응형 화면을 빠르게 만듭니다.

Data & State

:icons8-리덕스: Redux Toolkit / Pinia : 유저 정보나 공통 설정처럼 화면 전반에 필요한 데이터를 React(Redux Toolkit)와 Vue(Pinia) 환경에 맞춰 전역 상태로 관리해 보았습니다.
TanStack Query (React Query) : 서버에서 받아온 데이터를 캐싱해 불필요한 중복 API 호출을 줄이고,관련된 캐시를 자동으로 다시 불러오도록 설정해 화면에 항상 최신 상태의 데이터를 유지시킵니다.
Axios: 도메인별로 API 호출 함수를 따로 분리해 모듈화하고, 공통 에러 처리 로직을 한곳에서 관리하도록 구성해 사용했습니다. 인증이 필요한 요청은 옵션(withCredentials)을 설정해 쿠키가 자동으로 실려가도록 세팅해 작업합니다.