|

서주원

포트폴리오입니다.

안녕하세요!

사용자의 흐름을 이해하고, 직접 구현하는 프론트엔드 개발자 서주원입니다.

Visual Communication Design을 전공하였고

삼성 청년 SW 아카데미 에서 웹 개발을 익혔습니다.

저는 AI의 발전을 적극적으로 받아들이고 있습니다.

Cursor IDE와 Gemini등 AI 도구를 사용하여 학습과 개발의 효율성을 높이며,

AI를 잘 활용할 수 있는 개발자가 되기 위해 노력하고 있습니다.

제가 가진 강점은 전공을 기반으로한 UX 역량입니다.

이를 바탕으로 사용자에게 더 나은 경험을 제공하는 구조와 흐름을 생각하며 개발합니다.

자세한 내용은 이력서 프로젝트 를 참고해주세요.

SKILLS
  • JavaScript

    JavaScript

  • React

    React

  • Zustand

    Zustand

  • TypeScript

    TypeScript

  • HTML

    HTML

  • CSS

    CSS

프로젝트 설계 및 구현

React 기반 SPA 프로젝트를 처음부터 끝까지 직접 설계하고 구현할 수 있습니다.

폴더 구조 구성, 라우팅 설정, 컴포넌트 설계, 상태 관리, API 연동, 라이브러리 선택 등 전체 개발 흐름을 스스로 조직하고 구현할 수 있습니다.

TypeScript

TypeScript 환경에서 개발하여, 런타임 오류를 사전에 방지하고, 컴포넌트 간 데이터 흐름의 명확성과 안정성 확보에 집중합니다.

불필요한 타입 추론은 최소화하고, 정적 타입 언어에 가까운 명시적 타입 선언을 통해 예측 가능한 코드와 유지보수성을 추구합니다.

상태 관리

Zustand를 사용해 상태 관리를 구현하고 있습니다.

셀렉터 기반의 구독 최적화를 통해 렌더링 성능을 고려한 상태 분리를 실현하고 있습니다.

전역 상태는 공유가 필요한 데이터에만 제한하고, 로컬 상태는 컴포넌트 내부에 캡슐화하여 필요한 값만 구독함으로써 렌더링 성능을 효율적으로 제어할 수 있습니다.

웹 표준 및 스타일링

HTML을 사용할 때 시멘틱 태그를 기반으로 설계하여 콘텐츠의 의미와 계층 구조가 명확히 드러나도록 할 수 있습니다.

CSS는 Tailwind CSS의 유틸리티 클래스를 활용하여 디자인 시스템의 일관성을 유지하고, 재사용 가능한 UI를 구성하는 방향을 선호합니다.

디자인 시스템

UI/UX 디자인 경험을 바탕으로 컬러, 간격, 타이포그래피 등 핵심 디자인 토큰을 체계적으로 정의하고, 시각적 일관성과 설계 기준을 유지할 수 있습니다.

정의한 토큰은 Tailwind 설정에 반영하여, 일관된 UI 구성과 재사용 가능한 컴포넌트 기반 디자인 시스템을 구현할 수 있습니다.

디자인 토큰 기반 설계를 직접 코드에 반영할 수 있으며, 디자인과 개발 간의 간극을 줄이는 데 강점을 가지고 있습니다.