반응형 분류 전체보기127 브라우저 렌더링 과정 1. 불러오기 로더(Loader)가 서버로부터 전달 받는 리소스 스트림을 읽는 과정. 읽으면서 어떤 파일인지, 데이터인지 파일을 다운로드할 것인지 등을 결정한다. 2. 파싱 (Phasing) 웹 엔진이 가지고 있는 HTML/XML 파서가 문서를 파싱해서 DOM Tree를 만든다. 3. 렌더링 트리 만들기 DOM Tree는 내용을 저장하는 트리로 자바스크립트에서 접근하는 DOM객체를 쓸 때 이용하는 것이고 별도로 그리기 위한 트리가 만들어져야 하는데 그것이 렌더링 트리다. (그릴 때 필요없는 head, title, body태그등이 없음 + display:none 처럼 DOM에는 있지만 화면에서는 걸러내야할 것들을 걸러냄) 4. CSS 결정 CSS는 선택자에 따라서 적용되는 태그가 다르기 때문에 모든 CSS.. 2019. 9. 25. @extend 대신 @mixin 사용하기 @extend를 언제 사용해야 할까? 먼저 @extend는 연관성을 형성한다는 것을 알아야한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 %brand-font { font-family: webfont, sans-serif; font-weight: 700; } h1 { @extend %brand-font; font-size: 2em; } .btn { @extend %brand-font; display: inline-block; padding: 1em; } .promo { @extend %brand-font; background-color: #BADA55; color: #fff; } .footer-message { @exten.. 2019. 9. 25. 이벤트 중단 방법 javascript에서 이벤트 중단하는 방법 자바스크립트 이벤트 리스너에서 preventDefault()와 stopPropagation() 그리고 return false는 이벤트 중단을 위해 자주 사용된다. 이벤트 중단에 사용되는 방식은 다음과 같다. event.preventDefault() 현재 이벤트의 기본 동작을 중단한다. event.stopPropagation() 현재 이벤트가 상위로 전파되지 않도록 중단한다. event.stopImmediatePropagation() 현재 이벤트가 상위 뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않게 중단한다. return false 제이쿼리를 사용할 때는 위의 두개를 모두 사용한 것과 같고, 제이쿼리를 사용하지 않을 때는 event.preventDef.. 2019. 9. 25. 캐시와 쿠키의 차이점 캐시(Cache) 정의 : 웹 페이지 요소를 저장하기 위한 임시 저장소. 특히, 후에 필요할 것 같은 요소들을 저장한다. 이러한 요소들은 그림 파일이나 문서 파일 등이 될 수 있다. 목적 : 캐시는 웹 페이지가 빠르게 렌더링 할 수 있도록 도와준다. 삭제 : 사용자가 직접 수동으로 삭제해주어야 한다. 예시 : 오디오, 비디오 파일 등이 있다. 쿠키(Cookie) 정의 : 쿠키 또한 정보를 저장하기 위해 사용된다. 기본적으로 웹서버에서 pc로 보내는 작은 파일들을 저장한다. 보통 쿠키는 누군가 특정한 웹 사이트를 접속할 때 발생한다. 목적 : 쿠키는 사용자의 인증을 도와준다. 삭제 : 만료기간이 있어 시간이 지나면 자동 삭제 된다. 예시 : 로그인정보, 방문기록, 방문횟수 2019. 9. 25. 반복문으로 구구단 js의 기초인 for문으로 구구단 만들기를 해봤습니다. 먼저 2단 만들기입니다. 1 2 3 for(var i=1; i 2019. 9. 25. var, const, let ES6(ECMA Script 2015, 줄여서 ES6)로 넘어오면서 기존 ES5 까지 사용하던 변수 선언 키워드인 var에다 const와 let이라는 키워드가 추가되었습니다. 물론 var 없이도 변수를 선언할 수 있습니다만, 그렇게 되면 전역객체(브라우저 환경에서는 window 객체)의 속성이 되기 때문에 동일한 이름의 변수를 사용하다가는 치명적인 문제가 발생할 수도 있습니다. 기존 자바스크립트의 변수는 기본적으로 Function Scope 입니다(var 로 선언한 변수). 변수의 유효범위가 함수단위라는 이야기입니다. java 나 C 등의 많이 사용되는 프로그래밍 언어를 공부해 보았다면 알겠지만, 대체로 이 언어들은 Function Scope 가 아닌 Block Scope 를 가집니다.(python 은 .. 2019. 9. 25. 이전 1 ··· 18 19 20 21 22 다음 반응형
