LEE SEUNGYEOL
PUBLISHER .PORTFOLIO

SY

SKILLS

• 01

  ( SKILLS )

  HTML5

  시맨틱 태그와 data- 속성을 활용해 구조적이고 확장 가능한 마크업을 작성할 수 있습니다.
  접근성과 표준성을 고려한 페이지 구조 설계가 가능합니다.
  
  Able to write semantic and structured markup using data- attributes.
  Builds accessible, maintainable, and scalable HTML architecture.

• 02

  ( SKILLS )

  CSS3

  유틸리티 클래스와 커스텀 속성을 기반으로 빠르고 일관된 스타일 시스템을 구축합니다.
  Flex와 Grid를 활용한 반응형/적응형 레이아웃을 구현할 수 있습니다.
  트랜지션과 트랜스폼을 이용해 섬세한 인터랙션 표현도 가능합니다.
  
  Creates fast and reusable styling systems based on utility classes and key properties.
  Uses Flex/Grid layouts to implement adaptive and responsive designs.

• 03

  ( SKILLS )

  Javascript

  ES6 문법 기반으로 DOM 제어와 이벤트 처리, 간단한 모듈 개발이 가능합니다.
  Ajax를 통한 폼 전송, 입력값 유효성 검사 등 사용자 인터랙션 로직을 구현할 수 있습니다.
  data-속성 기반으로 상태 제어를 하는 구조적 스크립트 작성에 익숙합니다.
  
  Develops dynamic interactions using ES6 syntax and DOM manipulation.
  Handles Ajax form submissions and validation with efficiency.
  Uses data- attributes for structured, reusable component scripting.

• 04

  ( SKILLS )

  jQuery

  이벤트 위임과 DOM 조작으로 UI의 반복적인 동작을 효율적으로 처리합니다.
  data- 속성을 활용해 다양한 컴포넌트 제어 로직을 단순화합니다.
  간단한 애니메이션, 모달, 탭, 아코디언 등 공통 UI 모듈 제작이 가능합니다.
  
  Implements efficient UI controls through event delegation and DOM handling.
  Controls modular interactions such as tabs, modals, and accordions with simplicity.

• 05

  ( SKILLS )

  SCSS

  변수, 믹스인, 함수, 중첩을 활용해 구조적이고 체계적인 스타일 설계를 합니다.
  유틸리티 클래스 중심의 스타일 시스템으로 빠른 퍼블리싱을 지원합니다.
  
  Builds structured and scalable style architecture using variables, mixins, and nesting.
  Supports utility-based systems for fast and consistent styling across pages.

• 06

  ( SKILLS )

  PUG

  템플릿 상속, include, mixin 등을 이용해 HTML 구조를 모듈화합니다.
  변수와 반복문을 활용해 동적인 페이지 구조를 효율적으로 구성합니다.
  
  Uses inheritance, includes, and mixins to create modular HTML templates.
  Builds structured layouts for maintainable and reusable web pages.

• 07

  ( SKILLS )

  GIT

  기본적인 브랜치 생성과 커밋, 버전 관리 및 협업 환경 설정이 가능합니다.
  작업 히스토리를 통해 변경점을 관리하고 안정적으로 코드 백업을 수행합니다.
  단독 프로젝트와 협업 환경 모두에서 실무적으로 사용 경험이 있습니다.
  
  Handles project version control for stable collaboration.
  Manages commits, merges, and updates in practical team environments.

• 08

  ( SKILLS )

  GSAP

  ScrollTrigger, MotionPathPlugin 등을 활용해 고급 인터랙션을 구현합니다.
  SVG 요소나 DOM 객체의 모션 제어, 시차 스크롤 등의 애니메이션을 구성할 수 있습니다.
  
  Implements advanced animations using ScrollTrigger and MotionPathPlugin.
  Creates smooth and interactive scroll-based and SVG path animations.

• 09

  ( SKILLS )

  Locomotive-Scroll

  부드러운 스크롤 감속 효과와 패럴랙스 연출을 구현할 수 있습니다.
  GSAP ScrollTrigger와 연동해 자연스러운 인터랙션을 만듭니다.
  
  Builds smooth scrolling effects and parallax animations.
  Integrates seamlessly with GSAP ScrollTrigger for immersive experiences.

• 10

  ( SKILLS )

  Swiper

  반응형 슬라이드 구현, 오토플레이, 네비게이션 커스터마이징이 가능합니다.
  Breakpoints, Pagination, Loop 등 다양한 옵션 조합으로 상황에 맞게 활용합니다.
  AJAX나 템플릿 데이터를 통해 슬라이드 콘텐츠를 동적으로 구성할 수도 있습니다.
  
  Creates responsive sliders with autoplay, navigation, and pagination options.
  Supports AJAX-loaded dynamic slides for flexible content updates.

• 11

  ( SKILLS )

  FIGMA

  디자인 시안을 기반으로 정확한 구현이 가능하며, 리소스 추출 및 컴포넌트 확인에 능숙합니다.
  간단한 레이아웃 수정이나 스타일 가이드 확인 작업도 직접 수행할 수 있습니다.
  
  Able to check design layouts and extract assets for front-end development.
  Reviews components and structure for accurate implementation.

• 12

  ( SKILLS )

  XD, Photoshop

  디자인 시안을 분석하고 퍼블리싱에 필요한 리소스를 추출할 수 있습니다.
  시안의 레이아웃, 간격, 폰트, 컬러를 기준으로 실제 페이지에 반영할 수 있습니다.
  
  Able to analyze and implement designs efficiently through layout analysis.
  References colors, grids, and text for precise front-end reproduction.