목록clonecoding (1)

개발스터디일지

[클론코딩] Airbnb 웹사이트

https://www.airbnb.co.kr/ 바닐라 자바스크립트로 에어비엔비 웹사이트 클론코딩을 진행했다. 에어비엔비를 선택한 이유 동적인 상단바가 간단해보이지만 간단하지 않을 것 같아서 도전!! 결론 생각보다 훨씬 더 많은 경우의 수가 존재한다.... 1 . html / css 로 정적인 부분들을 퍼블리싱했다. 2 . css / javascript로 메인메뉴를 클릭하면 각각에 해당하는 서브메뉴가 뜨도록 했다. 3 . 서브메뉴 클릭시 선택가능한 옵션창이 뜨도록 했다. (이 부분에서 한번에 실행되어야하는 부분은 아래 4가지 였다.) 3-1 . 각 서브메뉴를 클릭시 해당하는 옵션창 활성화 3-2 . 해당 서브메뉴 아래로 그림자가 생기면서 활성화 3-3 . 다른 서브메뉴와 옵션창은 비활성화 3-4 . 빨간 ..
프론트엔드/Javascript 2022. 4. 14. 22:37
이전 Prev 1 Next 다음