[portfolio] car

🧑🏻‍💻 car

볼보 자동차 코리아 메인 웹 페이지 클론 제작

> Tech Stack

• HTML, CSS
• JavaScript, jQuery
• Git, GitHub
  
  
  

> What did I do

• 구글 웹 폰트 적용
• fontawesome 아이콘 적용
• 반응형으로 웹 페이지 제작
• 메뉴바를 클릭하면 사이드 메뉴 나타나는 기능 구현
• 사이드 메뉴에서 메뉴를 클릭하면 그에 해당되는 메뉴로 바뀌는 기능 구현
  
  

> 기억하고 싶은 code

사이드 메뉴창에서 메뉴를 클릭하면 각 메뉴에 해당되는 메뉴창으로 바뀌는 기능

// side menu - buy
$('.menu-list-buy').click(() => {
  $('.sub-menu').hide();  👀
  $('.sub-menu-buy').show();
});

// side menu - service
$('.menu-list-service').click(() => {
  $('.sub-menu').hide();  👀
  $('.sub-menu-service').show();
});

// side menu - why volvo
$('.menu-list-why-volvo').click(() => {
  $('.sub-menu').hide();  👀
  $('.sub-menu-why-volvo').show();
});

// side menu - more
$('.menu-list-more').click(() => {
  $('.sub-menu').hide();  👀
  $('.sub-menu-more').show();
});

어떤 메뉴창이더라도 $('.sub-menu').hide() 코드로 메뉴창이 초기화되게 코딩하였다.
그리고 해당 메뉴에 해당되는 메뉴창이 나타나게 작성하였다.

여기서 더 나아가 반복문을 사용하여 더 간략하게 코딩할 수도 있을 것 같다.
좀 더 고민해봐야지🧐

> 깃헙주소

https://github.com/deepbm/deepbm/tree/main/portfolio/car