💻 지식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

https://releases.jquery.com/ 로 들어가 jQuery Core 3.6.3에 minified를 클릭 한 후 주소만 복사한다. (버전은 상관없지만 모든 과제에 3.6.3버전을 쓸 예정이다.)$()을 사용할 때는 무조건 최하단에 작성해야한다.