코리아 IT아카데미/grid·flex·mySql·jsp19 7일차 | 자바스크립트 round 6~11, airbnb 클론 코딩 ~~ 홈페이지 방문을 환영합니다. 웹브라우저의 HTML문서 렌더링 과정 1. 불러오기 과정 (Loading) 로더가 서버로부터 전달 받은 리소스 스트림 읽는 과정, 읽으면서 어떤 파일인지, 데이터인지 파일을 다운로드할 것인지결정한다. 2. 파싱 (Parsing) 파싱이란: 문서를 파싱한다 -> 브라우저가 코드를 이해하고 사용할 수 있는 구조로 변환하는 것. 웹 엔진이 가지고 있는 HTML/XML 파서가 문서를 파싱해서 DOM tree를 만든다. 3. 렌더링 트리 (Randering Tree)란? DOM Tree는 내용을 저장하는 트리로 자바스크립트에서 접근하는 DOM 객체를 쓸 때 이용하는 것. 4. CSS 스타일 결정 CSS는 선택자에 따라서 적용되는 태그가 다르기 때문에 모든 CSS 스타일을 분석해 .. 2021. 11. 23. 6일차 | 그리드 예제 최종, 자바스크립트 round1~5 code_grid3>grid_11_1 줄였을 때도 250px 고정 1 2 3 4 5 6 code_grid3>grid_11_2 1 2 3 4 5 6 code_grid3>grid_11_3 1 2 3 4 project 1 폴더 index.html style.css body{ margin: 0; font-family: arial; } .face-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 5px; } .face-gallery img { min-width: 100%; } project 2 폴더 index.html Best Sellers Best Home Application 01 10만원 Bes.. 2021. 11. 22. 4,5일차 | code_grid3 1 2 3 4 5 6 7 1 2 3 4 5 6 7 8 9 10 11 12 13 1 2 3 4 1 2 3 1 2 3 1 2 3 4 5 6 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 header gnb content lnb footer header content lnb footer Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloremque, dolorum. 3 4 Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloremque, dolorum. 3 Lorem ipsum do.. 2021. 11. 19. 3일차 | class_grid2 1 2 1 2 1 2 1 2 3 4 5 6 7 8 1 2 3 4 5 6 7 8 1 2 3 4 5 6 7 8 1 2 3 4 5 6 7 8 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 header menu main aside footer grid_ex_2.html은 grid_ex_1.html클론코딩 header menu main aside footer 2021. 11. 19. 이전 1 2 3 4 5 다음
