스타벅스 랜딩 페이지(홈페이지) 만들어보기 - vanilla ver.

이번에는 스타벅스 랜딩 페이지(홈페이지)를 구현해보았다.

이번에는 HTML, CSS, JavaScript 사용과 함께

몇 가지의 라이브러리도 함께 활용해보았다.

 

모든 코드를 이해하고 구현까지 하느라 넘무 힘들었지만

이제 막 코린이 단계일 뿐 ,,, (-‸-,)

 

내가 원하는 디자인대로 뚝딱뚝딱!!

단시간에 만들 수 있는 실력이 될 때까지 화이륑 ⋆⁺₊⋆ ⛧

---

출처: https://github.com/ParkYoungWoong/starbucks-vanilla-app

GitHub - ParkYoungWoong/starbucks-vanilla-app: 스타벅스 랜딩 페이지(+로그인) 예제 for FastCampus

---

최종 코드들은 저의 GitHub에 올려두었습니다.

 

My GitHub: https://github.com/dysung32/starbucks

GitHub - dysung32/starbucks

---

이렇게 완성된 홈페이지를 netlify를 통해

DEMO 버전을 배포까지 해보았다 !!

아래 주소를 클릭해보면 누구나 들어가 보실 수 있습니당 ~

(｡•̀ᴗ-)✧

 

*** mobile로는 호환이 되질 않아 PC 접속을 권장드립니다. ***

 

https://reverent-jones-d0ffbf.netlify.app/

스타벅스 커피 코리아

 

⛧ 최종 완성된 페이지 영상 ⛧

 

---

본 구현에 사용된 라이브러리들과 기능들이 궁금하다면

아래 글에 정리해두었으니 참고해주세요 !!

 

[Web] 스타벅스 랜딩 페이지 구현에 사용된 유용한 라이브러리++