Portfolio

서울특별시청 클론코딩BEFORE & AFTER 정리✔️ 🔎 작업내용 사이트명: 서울특별시청 작업 기간: 3일 유형: PC 적응형, 클론 코딩 특징: 웹 접근성을 고려한 시맨틱 마크업 웹 사이트 라이브러리: - 1. 마크업 계층 구조의 클래스명 작성 [header/

안다르 클론코딩BEFORE & AFTER 정리✔️ 🔎 작업내용 사이트명: 안다르 작업 기간: 3일 유형: 모바일, 클론 코딩 특징: 모바일 특성을 활용, 다양한 스와이퍼와 사이드 메뉴 활용 라이브러리: - 1. 마크업 계층 구조의 클래스명 작성 ㅁㄴㅇㄹㅇㄻㅇㄹ

NAVER Careers 클론코딩 🔎 작업내용 사이트명: 네이버 커리어스 작업 기간: 3일 유형: 반응형 웹, 클론 코딩 특징: 미디어 쿼리를 이용한 반응형 웹사이트, 반응형 사이트에서 이미지 크기 맞추기 swiper-slide의 활용, 셀렉트 박스 변형, 체크박스

사이트명: MONCOLONY작업 기간: 2.5일유형: 반응형, GSAP, swiper, 클론 코딩특징: gsap을 이용한 스크롤트리거 활용, 웹/모바일 반응형 사이트, 세계시간 표시

사이트명: tvN작업 기간: 3일유형: 모바일, json, swiper, 클론 코딩특징: json을 이용하여 데이터를 활용한 모바일 사이트

디자인 작품 포트폴리오 🔎 작업내용 사이트명: Rising Tech 작업 기간: 3일 유형: 디자인 작업, 웹, swiper, Gsap, 특징: 현재 근무중인 회사의 디자인 작품의 포트폴리오 사이트, gsap 스크롤트리거와 드래그를 사용 ✅ Gsap 드래그 gs

사이트명: genesystem유형: 웹 (+모바일 작업 중), swiper, fullpage, 클론코딩 특징: fullpage.js를 이용하여 섹션별로 스크롤과 네비게이션을 구현,.animate와 .css를 활용한 다양한 애니메이션 효과 구현스크롤 시 섹션별로 한 페

사이트명: kjcareer작업 기간: 2.5일유형: 웹, swiper, gsap, 클론코딩 특징: 햄버거 메뉴 클릭시 커스텀, data속성을 이용한 지역별 표구성 등장, gsap을 이용한 스크롤트리거 효과기존 few 포트폴리오에서도 사용했던 커스텀인데 오랜만에 작업을