* css hamburger menu
https://alvarotrigo.com/blog/hamburger-menu-css/
10+ Hamburger Menu Examples [CSS Only]
CSS Hamburger Menus are very important for responsive web design. Take inspiration from our Hamburger Menu codepens examples
alvarotrigo.com
* 보기 > 명령팔레트 ctrl+shift+P > '>emmet:수식평가' > 바로가기 키 설정 (my ; shift+6)
* m/pc ver. 나눈 경우,
- 메인에 있는 index.html(mobile detect설정)이 기본주소 대문으로 사용
- but if, "도메인/itronics/pc" or "도메인/itronics/m"으로 주소입력 후 사이트에 들어왔을때
폴더 내부에 meta redirect index.html 파일이 없으면 접속이 안되므로 안전하게 넣어두도록 한다!
(제거 안해도 됨~)
*swiper breakpoint 기능
- 가장 작을 때를 기준으로 점점 화면이 wide로 커질 때를 추가 설정
* video 삽입 설정에서 autoplay muted loop는 , 없이 작성해야 화면에서 자동재생 됨!
- JAVA SCRIPT / JQUERY
- 제이쿼리 다운로드 > compressed 압축버전 열기 > 마우스 오른쪽 클릭, 다른이름으로 저장 > 해당 js폴더에 저장하고 header.html에 script src로 넣어주기
- 바닐라 스크립트(순수 js, 허용도는 높지만 디버깅 추적 등이 어려움)
vs
타입 스크립트(jquery기반 엄격한 규칙을 적용한 s)
- console.log를 너무 많이 입력해서 그 수가 많아지면 나중에 추적이 어렵다.
* extension 추가 설치
Turbo Console Log
- console.log를 직접 타이핑하지 않고 불러올 변수명을 드래그하여 ctrl+alt+l
- querySelectorAll
* 보통 함수는 동사단어를 사용 (함수 >> 행동, 행위)
ex) .add(매개변수)
* 메서드(method) ; 특정 객체(라이브러리)에 매여있는 함수
*모바일 버전은 px 사이즈는 사용 지양