랄지 IT

jQuery는 크로스 플랫폼을 지원하는 경량의 자바스크립트 라이브러리임. jQuery 특징 - 크로스 플랫폼을 지원하는 jQuery는 어떠한 브라우저에서도 동일하게 동작함. 이것은 폴리필*을 작성할 필요가 없다는 것을 의미함. *Polyfill: 브라우저 호환성을 고려한 대체 코드 jQuery 삽입 위치 1. body요소의 마지막 부분 2. head 요소 내 DOM이 완전히 로드된 후, 자바스크립트가 실행되는 것이 바람직한데, 이를 위해 이벤트 처리가 필요하다. - 아래의 코드는, DOM이 완전히 로드하기 전까지 대기하다가, 로드가 완료되면 매개변수로 전달된 콜백함수가 실행된다. $(document).ready(function(){ // Do something... }); * $ => jQuery를 줄인..

브라우저 동작원리 - 브라우저의 핵심기능은 웹페이지를 서버에 요청(request)하고, 서버의 응답(response)받아 브라우저에 표시하는 것이다 - HTML, CSS 파일은 파서에 의해 파싱되어 DOM, CSSOM 트리로 변환되고, 렌더 트리로 결합된다. 렌더트리를 기반으로 브라우저는 웹페이지를 표시한다. - HTML 파서는 script 태그를 만나면 DOM 생성 프로세스를 중지하고, 자바스크립트 엔진으로 제어 권한을 넘긴다. 자바스크립트 실행이 완료되면, 다시 HTML 파서로 제어 권한을 넘겨서 DOM 생성을 재개한다. - 브라우저는 동기적으로 HTML, CSS, JS를 처리한다. 이것은 script 태그 위치에 따라 블로킹이 발생하여 DOM생성이 지연될 수 있다는 것을 의미한다. 자바스크립트 기본..

var 키워드로 변수 선언시 몇가지 문제가 있고, 그 문제들로 인하여 ES6에서 let과 const를 도입하였음. - 문제의 대부분은 전역변수와 관련 *함수레벨 스코프, var 생략 가능, 변수 중복선언 허용, 변수 호이스팅 - 전역 변수는 사용억제 해야 함 - 변수 스코프는 좁을수록 좋음 *스코프 넓으면 언제 어디서 사용하는지 파악이 힘들고, 의도치 않게 변경되어 복잡함 * 블록레벨 스코프(대부분의 프로그래밍 언어) : 모든 코드 블록 내에서 선언된 변수는 코드 블록 내에서만 유효(지역변수), 코드 블록 외부에서는 참조 X * 함수레벨 스코프(JS) : 함수 내부에서 선언된 변수는 지역변수, 함수외부에서 선언한 변수는 모두 전역변수 let - 블록레벨스코프 - 변수 중복 선언 금지 - 호이스팅 되지만,..