# innerWidth

Front-end 국비지원 #042일
결과HTMLSCSS모바일 720px 사이즈로 메뉴바를 먼저 제작하였다. left 100%를 벗어난 영역에서 나타나는 효과를 만들기 위해 position: fixed; , display: none; , left: -100% 를 적용한다. left: -100% 로 나간 모
width요소(outerWidth & innerWidth & width)
※여러줄 주석 처리주석 구역 드래그 후, Alt + Shift + A요소의 순수 너비 + padding + border= 300px + 100px + 20px = 420pxouterWidth + margin= 420px + 100px = 520px요소의 순수 너비 +
width요소(outerWidth & innerWidth & width)
※여러줄 주석 처리주석 구역 드래그 후, Alt + Shift + A요소의 순수 너비 + padding + border= 300px + 100px + 20px = 420pxouterWidth + margin= 420px + 100px = 520px요소의 순수 너비 +

Front-end 국비지원 #034일
정규표현식(regular expression)은 문자열에서 특정한 문자를 찾아내는 도구다. 이 도구를 이용하면 수십줄이 필요한 작업을 한줄로 끝낼 수 있다. 정규표현식은 하나의 언어라고 할 수 있다. \*정규식 공부하기 좋은 예제 : https://regexr
width요소(outerWidth & innerWidth & width)
※여러줄 주석 처리주석 구역 드래그 후, Alt + Shift + A요소의 순수 너비 + padding + border= 300px + 100px + 20px = 420pxouterWidth + margin= 420px + 100px = 520px요소의 순수 너비 +

Viewport width/height
화면 크기에 따라서 이벤트를 걸어주고 싶다. react에서도 window 객체를 사용해서 visualViewport.Width/height값을 가져온다.아래는 어랏 innerWidth/height도 있다. 차이점은...? 다른내용은 정리잘된 블로그를 참고하길... 간단