UIUX(03.28~10.02)

0729 월 uiux 82일차

영험 2024. 7. 29. 13:51

0729 월 uiux 82일차

0729 _ 문제 - 탭메뉴1 구현, 헤더 작업 ( https://codepen.io/YoungHeom/pen/bGPBJZB )
0729 _ 문제 - 탭메뉴1 구현, 바디 작업 ( https://codepen.io/YoungHeom/pen/poXNBYW )
0729 _ 정답 - 탭메뉴1 구현, 바디 작업 ( https://codepen.io/YoungHeom/pen/wvLobKJ )

문제 - 반응형 모바일메뉴1 구현, 작업 1, 탑바와 모바일 탑바가 스위치
문제 - 반응형 모바일메뉴1 구현, 작업 2, 탑바와, 모바일 탑바 구현

 

 

 

function Box__init() {
  $('.box-1__head > ul > li').click(function () {
    let $this = $(this);
    $this.sibilngs('.active').removeClass('active'); //sibilngs: 형제들한테서 액티브 클래스를 지우고 
    $this.addClass('active'); //액티브를 넣겠다.
  });
}
Box__init();

웬만하면 함수 안에 넣어서 만들기. 이유: 코드가 많아졌을 때 알아보기 쉬워진다.

 

 

페이지 안에 요소가 많이 안 들어가있으면 테일윈드 써도 괜찮음!

 

최소 5가지 - pc, 앱 버전 2~3가지씩 pc는 반응형