HTML/CSS/JS로 스타벅스 웹사이트 만들기 개요 프로젝트명 : HTML/CSS/JS로 스타벅스 웹사이트 만들기 강의 : 패스트캠퍼스 프론트엔드 분류 : 클론코딩 주요 강의 내용 - html : basic html + font, favicon - css : basic css, 가상 클래스, bem - js : basic js, swiper(슬라이드), toggle, gsap.to(순차적 애니메이션), Youtube iframe APII 등 사용 툴 : HTML, CSS, JavaScript 패스트캠퍼스 강의를 정리한 내용으로, 개인공부 후 기록하기 위한 목적임으로 내용 상에 오류가 있을 수 있습니다. DAY 7 : 푸터 & 페이지 상단으로 이동 푸터 & 페이지 상단으로 이동 * view 마지막 마무리..

HTML/CSS/JS로 스타벅스 웹사이트 만들기 개요 프로젝트명 : HTML/CSS/JS로 스타벅스 웹사이트 만들기 강의 : 패스트캠퍼스 프론트엔드 분류 : 클론코딩 주요 강의 내용 - html : basic html + font, favicon - css : basic css, 가상 클래스, bem - js : basic js, swiper(슬라이드), toggle, gsap.to(순차적 애니메이션), Youtube iframe APII 등 사용 툴 : HTML, CSS, JavaScript 패스트캠퍼스 강의를 정리한 내용으로, 개인공부 후 기록하기 위한 목적임으로 내용 상에 오류가 있을 수 있습니다. DAY 6 : 다중 요소 슬라이드 다중 요소 슬라이드 * view 하단 버튼을 누르면 사진이 감기면서..

HTML/CSS/JS로 스타벅스 웹사이트 만들기 개요 프로젝트명 : HTML/CSS/JS로 스타벅스 웹사이트 만들기 강의 : 패스트캠퍼스 프론트엔드 분류 : 클론코딩 주요 강의 내용 - html : basic html + font, favicon - css : basic css, 가상 클래스, bem - js : basic js, swiper(슬라이드), toggle, gsap.to(순차적 애니메이션), Youtube iframe APII 등 사용 툴 : HTML, CSS, JavaScript 패스트캠퍼스 강의를 정리한 내용으로, 개인공부 후 기록하기 위한 목적임으로 내용 상에 오류가 있을 수 있습니다. DAY 5 : 스크롤 위치 계산 애니메이션 스크롤 위치 계산 애니메이션 * view 스크롤을 내릴때마..

HTML/CSS/JS로 스타벅스 웹사이트 만들기 개요 프로젝트명 : HTML/CSS/JS로 스타벅스 웹사이트 만들기 강의 : 패스트캠퍼스 프론트엔드 분류 : 클론코딩 주요 강의 내용 - html : basic html + font, favicon - css : basic css, 가상 클래스, bem - js : basic js, swiper(슬라이드), toggle, gsap.to(순차적 애니메이션), Youtube iframe APII 등 사용 툴 : HTML, CSS, JavaScript 패스트캠퍼스 강의를 정리한 내용으로, 개인공부 후 기록하기 위한 목적임으로 내용 상에 오류가 있을 수 있습니다. DAY 4 : 3D 애니메이션 3D 애니메이션 * view 마우스를 올리면 뒤집어지면서 다른 이미지 ..

HTML/CSS/JS로 스타벅스 웹사이트 만들기 개요 프로젝트명 : HTML/CSS/JS로 스타벅스 웹사이트 만들기 강의 : 패스트캠퍼스 프론트엔드 분류 : 클론코딩 주요 강의 내용 - html : basic html + font, favicon - css : basic css, 가상 클래스, bem - js : basic js, swiper(슬라이드), toggle, gsap.to(순차적 애니메이션), Youtube iframe APII 등 사용 툴 : HTML, CSS, JavaScript 패스트캠퍼스 강의를 정리한 내용으로, 개인공부 후 기록하기 위한 목적임으로 내용 상에 오류가 있을 수 있습니다. DAY 3 : 고정 애니메이션 고정 이미지 배경 (Parallax) * view Parallax : ..

HTML/CSS/JS로 스타벅스 웹사이트 만들기 개요 프로젝트명 : HTML/CSS/JS로 스타벅스 웹사이트 만들기 강의 : 패스트캠퍼스 프론트엔드 분류 : 클론코딩 주요 강의 내용 - html : basic html + font, favicon - css : basic css, 가상 클래스, bem - js : basic js, swiper(슬라이드), toggle, gsap.to(순차적 애니메이션), Youtube iframe APII 등 사용 툴 : HTML, CSS, JavaScript 패스트캠퍼스 강의를 정리한 내용으로, 개인공부 후 기록하기 위한 목적임으로 내용 상에 오류가 있을 수 있습니다. DAY 2 : 반복 애니메이션(GSAP) 반복 애니메이션(GSAP) * view 저 동그라미 세 개가..