라이브러리 태그 주의할 점
.js -> 자바스크립트 라이브러리 -> script src=""
css -> css 라이브러리 -> link href=""
테일윈드 - 모두 노말라이즈 (버튼 디자인, h1 텍스트까지 )
max-width, min-width
최대, 최소로 늘어날 수 있는 너비 사이즈 조정 (반응형)
float
왼쪽 오른쪽 정렬
.faq-box__question::after {
content: "[+]";
float: right;
}부모요소의 높이값이 깨질 수 있음 -> flex, grid로 해결
JS 메서드
show, hide : 보여주고 사라짐
fadeIn, fadeOut : 서서히 보여지고 서서히 사라짐 (시간값)
sideDown,slideDown : 서서히 내려가고 서서히 올라감 (시간값)
Index, eq
- index : 배열 번호 (0,1,2 ...)
let thisIndex = $this.index();
-> this의 index를 찾는 변수 만들기
- eq: = 같다
$box1Main.find(' > ul > li').eq(thisIndex).addClass('active');$box1Main에서 find하고, 그 배열과 같은 요소를 찾아 addClass한다
