<Suyun /><Available Now />

SUYUN
WEB PORTFOLIO

안녕하세요! 제 포트폴리오 사이트에 방문해주셔서 감사합니다
웹 퍼블리셔로 시작해 프론트엔드 개발자로 성장 중인 수연입니다 :)

Scroll

About me

안녕하세요! 7년차 개발자 이수연입니다.
저는 웹 퍼블리셔로 경력을 시작하여 반응형, 웹 접근성 및 웹 표준을 준수하는
견고한 UI/UX 구현 능력을 다졌습니다.

이후 마지막 근무지에서는 프론트엔드 개발 영역으로도 역량을 확장하여,
기술적인 깊이를 더할 수 있었습니다.

경험을 바탕으로, UI/UX는 더욱 견고하게, 복잡한 데이터 관리는
확실하게 처리할 수 있는 개발자로서 즐겁게 일하고 싶습니다.

Skill

LANGUAGE

HTMLCSSSCSSJavaScriptTypeScriptjQuery

FRAMEWORK

ReactNext.jsVue.js

BACKEND & DATABASE

PHP (GNUBOARD)MySQL

TOOL

GitConfluenceJiraFigmaPhotoshopIllustrator

Experience

  • ㈜이브레인소프트
    SI 개발팀/책임2023.03 ~ 2025.08

    웹퍼블리싱 리드/프론트엔드 개발

    • React, Next.js, Vue.js, Typescript, Jsp 를 기반으로 하는 프로젝트 신규 개발 및 유지보수
    • Next.js, Typescript 기반의 사내 공통 프론트엔드 아키텍처(mvc) 개발 참여
  • 라온비엔피
    웹에이전시 개발팀/대리2022.10 ~ 2023.01

    웹퍼블리싱

    • php를 기반으로 하는 프로젝트 신규 개발 및 유지보수
    • 사내 공통 템플릿 개발 참여
  • 누리아이
    웹에이전시 프로그램팀/대리2020.11 ~ 2022.08

    웹퍼블리싱

    • php를 기반으로 하는 프로젝트 신규 개발 및 유지보수
    • 사내 쇼핑몰 운영/유지보수 및 이벤트 업무
  • 진담W
    웹에이전시 기술지원팀/사원2018.10 ~ 2020.04

    웹퍼블리싱

    • php, 카페24 솔루션을 기반으로 하는 프로젝트 신규 개발 및 유지보수
    • 사내 쇼핑몰 운영/유지보수 및 이벤트 업무
    • 사내 공통 템플릿 개발 참여

Project

티오더2024.07 ~ 2024.09

외식업 매장을 위한 태블릿 기반 테이블오더 솔루션 ‘티오더’ 브랜드 홍보 및 제품 소개용 반응형 웹사이트 구축 프로젝트

사이트 바로가기
JSPHTML5CSS3JavaScriptjQueryGSAPmodel-viewer
퍼블리싱 (100%)
  • · 반응형 웹 UI 구현 및 크로스 브라우징 대응
  • · GSAP 기반 스크롤 인터랙션 및 모션 애니메이션 구현
  • · 3D 제품 뷰어 인터랙션 구현 (model-viewer 활용)
현대자동차 Product2023.09 ~ 2024.04

현대/기아 글로벌 차량 관리 시스템을 위한 통합 관리자 플랫폼 구축 프로젝트

Next.jsTypeScriptSCSSEmotionMUIReact QueryReact Hook FormJotaiYupi18next
프론트엔드 개발 (부분)
  • · Trim 카테고리 페이지 UI 및 데이터 연동 기능 개발
  • · 기존 JSP 레거시 코드 분석을 기반으로 공통 컴포넌트 구조 설계 및 구현
  • · 정의된 다국어 구조를 기반으로 i18next 적용 및 화면별 번역 처리
모두의질문Q2024.11 ~ 2025.02

국민이 정책 및 사회 현안에 대해 질문하고 소통할 수 있도록 설계된 참여형 정책 소통 플랫폼 구축 프로젝트

Next.jsTypeScriptSCSSEmotionMUIReact QueryReact Hook FormJotaiYup
퍼블리싱 (100%)
  • · 반응형 웹 UI 구현 및 크로스 브라우징 대응
  • · 재사용 가능한 컴포넌트 기반 스타일링 시스템 구축
프론트엔드 개발 (부분)
  • · 메인 페이지 및 공지/미디어 게시판, 마이페이지 기능 개발
유써트2025.04 ~ 2025.05

SSL/TLS 및 디지털 인증서 관리 서비스를 위한 보안 플랫폼 구축 프로젝트 초기 단계에 참여

Next.jsTypeScriptSCSSTailwind CSSReact QueryReact Hook FormJotaiYup
퍼블리싱 (부분)
  • · 프로젝트 초기 관리자/사용자 디자인 분석 및 컴포넌트 설계
  • · 관리자/사용자 영역 공통 UI 베이스 컴포넌트 구축
세이브더칠드런 캠페인2025.06 ~ 2025.06

세이브더칠드런 가족돌봄청소년(지수/선우) 캠페인 랜딩 페이지 구축 프로젝트

지수 캠페인 바로가기선우 캠페인 바로가기
HTML5CSS3JavaScriptjQueryGSAP
퍼블리싱 (100%)
  • · 적응형 웹 구현 및 크로스 브라우징 대응
  • · GSAP을 활용한 스크롤 기반 인터랙션 및 모션 효과 구현
티나뷰티2025.11 ~ 2025.11

티나뷰티 브랜드와 브러쉬 제품 정보를 담은 웹사이트 구축 프로젝트

사이트 바로가기
PHPHTML5CSS3JavaScriptjQueryGSAP
퍼블리싱 (100%)
  • · 반응형 웹 UI 구현 및 크로스 브라우징 대응
  • · GSAP을 활용한 스크롤 기반 인터랙션 및 모션 효과 구현
개발 (100%)
  • · php(그누보드) 기반 솔루션을 활용한 게시판 스킨 구조 수정 및 기능 확장
인천디자인지원센터2022.10 ~ 2022.10

인천 지역 디자인 산업 활성화를 위한 지원사업 안내 및 시설 예약 기능을 제공하는 공공기관 웹사이트 구축 프로젝트

사이트 바로가기
PHPHTML5CSS3JavaScriptjQuery
퍼블리싱 (100%)
  • · 반응형 웹 UI 구현 및 크로스 브라우징 대응
  • · 동적 UI 인터랙션 구현
개발 (부분)
  • · php(그누보드) 기반 솔루션을 활용한 게시판 스킨 구조 수정 및 기능 확장
크린토피아 블랙라벨2022.11 ~ 2022.11

크린토피아 블랙라벨 서비스 런칭을 위한 브랜드 홍보용 랜딩페이지 구축 프로젝트

PHPHTML5CSS3JavaScriptjQuery
퍼블리싱 (100%)
  • · 반응형 웹 UI 구현 및 크로스 브라우징 대응
  • · 동적 UI 인터랙션 구현
라피치2023-01 ~ 2023-01

AI 기반 대화형 솔루션 기업 RAPEECH의 브랜드 소개 및 기술 홍보를 위한 기업 공식 홈페이지 구축 프로젝트

사이트 바로가기
PHPHTML5CSS3JavaScriptjQuery
퍼블리싱 (부분)
  • · 메인페이지 반응형 웹 UI 구현 및 크로스 브라우징 대응
  • · 동적 UI 인터랙션 구현
브릿지 네트워크2022-12 ~ 2023-12

기업 협업과 콘텐츠/마케팅 지원을 위한 다국어 허브 플랫폼 구축 프로젝트

사이트 바로가기
PHPHTML5CSS3JavaScriptjQuery
퍼블리싱 (100%)
  • · 반응형 웹 UI 구현 및 크로스 브라우징 대응
  • · 동적 UI 인터랙션 구현