전체 글
-
JS기초정리(DOM, for/while/let/const,Arrowfunction)JS 2021. 9. 5. 01:30
1.기본 참고 사이트 https://www.w3schools.com/js/default.asp https://developer.mozilla.org/ko/docs/Web/JavaScript 2.DOM Critical Rendering Path 웹 브라우저가 HTML 문서를 읽고 → 스타일 입히고 → 대화형 페이지로 만들어 → 뷰포트에 표시 하는 과정 ->:문서 객체 모델 - XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스! 3.async vs defer async: 먼저 js.다운로드 받으면서 → 실행 ⇒ 정해진 순서 상관없이 먼저 다운로드 된 js실행!! ⇒순서중요한경우 ㄴㄴㄴㄴ defer: html parsing하는 동안 js 다운로드 → 먼저 html보여주기 4.variables Muta..
-
CSS연습하기(계속 추가추가)카테고리 없음 2021. 9. 4. 01:24
-CSS 1.border포함해서 box-size정하기 {box-sizing: border-box;} .content-box { box-sizing: content-box; /* Total width: 160px + (2 * 20px) + (2 * 8px) = 216px Total height: 80px + (2 * 20px) + (2 * 8px) = 136px Content box width: 160px Content box height: 80px */ } .border-box { box-sizing: border-box; /* Total width: 160px Total height: 80px Content box width: 160px - (2 * 20px) - (2 * 8px) = 104px Con..