💻 지식IN 클론코딩 사이트: FLOW 사용언어: HTML, CSS, Jquery, gsap 분류: 반응형 PC, 클론코딩 📌 KEY POINT 흐르는 배너 폼태그 조건처리 스크롤 트리거(아래에서 위로 올라오는 애니메이션)

💻 FLOW 클론코딩 사이트: FLOW 사용언어: HTML, CSS, Jquery, gsap 분류: 반응형 PC, 클론코딩

💻 ZARA 리뉴얼 사이트: ZARA 사용언어: HTML, CSS, Jquery, gsap 분류: 적응형 PC, 리뉴얼 코딩 📌 KEY POINT 텍스트 animation에서의 오류 gsap 1. 텍스트 animation ※ 애니메이션을 처음으로 줬을 당시 끊

사이트: 코크플레이사용언어: HTML, CSS, Jquery분류: 모바일, 클론코딩처음으로 모바일 클론코딩을 진행하였습니다. 이번 코크플레이 코딩은 JSON을 사용하여 상품의 데이터를 만들어 적용(스토어부분)을 하였고 상품을 누르면 팝업배너로 상품의 정보를 알 수 있도

사이트: 네이버 커리어스사용언어: HTML, CSS, Jquery분류: 반응형 PC, 클론코딩이번 네이버 커리어스 클론코딩은 미디어쿼리를 이용하여 반응형 PC로 제작하였으며 swiper slide를 사용하여 제작하였습니다. 이번 클론코딩을 통해 미디어쿼리를 배울 수 있

사이트: 서울시청사용언어: HTML, CSS, Jquery분류: 적응PC, 클론코딩이번 서울시청 클론코딩은 전에 했던 클론코딩과는 다르게 제이쿼리와 swiper 라이브러리를 사용하여 애니메이션을 구현하였습니다. 이를 통해 제이쿼리의 기본적인 문법을 배웠으며 swiper

💻 좋은제품연구소 시안코딩 사이트: 좋은제품연구소 사용언어: HTML, CSS 분류: 적응형 PC, 시안코딩 포토샵 시안을 통해 좋은제품연구소라는 사이트를 코딩(PC버전, 모바일버전)하였습니다. 📌 KEY POINT pc버전 포토샵에서 원하는 부분 사진 크롭

💻NAVER 클론코딩 사이트: 네이버 사용언어: HTML, CSS 분류: 적응형 PC, 클론코딩 네이버를 클론코딩하며 blind기법, 적응형 PC등 새로운 지식들을 습득할 수 있었으며 기존의 네이버와는 다르게 flex를 사용하여 클론코딩을 하였습니다. 📌KEY