Starbucks Clone Project

스타벅스 클론코딩

Front-End Developer

개발 2022.01 ~ 2022.02

🔗  Links

Github https://github.com/whansoo/starbucks

Netlify Starbucks Coffee Korea (confident-knuth-570c2d.netlify.app)

📜 서비스 내용

Javascript, html, css로 만든 스타벅스 프로젝트입니다.

🛠 기술 스택

• Javascript
• HTML
• CSS

🖥 개발 내용

1. 프로젝트 시작, 스타일 초기화, 파비콘
2. 오픈그래프와 트위터 카드
3. Google Fonts
4. Google Material Icons
5. 헤더와 드롭다운 메뉴 - 로고, 서브메뉴, 검색, 메인 메뉴, 전역 배지(GSAP)
6. 요소 슬라이드 - 공지사항, 수직 슬라이드, 이미지 슬라이드
7. 유튜브 영상 배경 - Youtube iframe API
8. 푸터
9. 페이지 상단으로 이동(ScrollTo)

💡 느낀점

순수 Javascript와 HTML, CSS로 만 이루어진 홈페이지 개발

처음으로 순수 Javascript와 HTML, CSS로 만든 스타벅스 클론코딩 프로젝트입니다 이것을 만들어보고 개발자에 적성이나 소질이 있나 테스트 해보았던 그런 프로젝트 였습니다. 패스트 캠퍼스라는 인강을 통해 HTML,CSS, js의 기본적인 것들을 공부 하였고 특히 html에서 div를 막 쓰는 것이 아닌 시멘틱 적인 부분을 고려하여 의미있는 태그를 부여 해야 한다는 것을 알 수 있었습니다.