코딩공부

1. $(document).ready() - 외부 리소스, 이미지에 상관없이 브라우저가 DOM(Document Object Model) 트리가 생성된 직후 실행된다. - window.load() 보다 더 빠르게 실행되고 중복 사용하여 실행하여도 선언한 순서대로 실행된다. - (function(){ }); 와 같다. $(document).ready(function(){ }); | | $(function(){ }); 2. $(window).load() - DOM의 standard 이벤트 - html의 로딩이 끝난 후에 시작된다. - 화면에 필요한 모든 요소(css, js, image, iframe etc..)들이 웹 브라우저 메모리에 모두 올려진 다음에 실행된다. - 화면이 모두 그려진 다음의 메세징이나 이..

1. 함수 선언식(function declaration) function test(){ } 함수 선언식은 script가 로딩되는 시점에서 초기화하고 이것을 VO에 저장한다. 따라서 함수 선언 위치와 상관 없이 어디서든 호출하여 사용 가능하다. 2. 익명 함수 표현식(annoymous function expresstion) var test = function(){ } test(); // 함수호출 익명 함수 표현식은 함수를 정의하고, 변수에 함수를 저장하고 실행하는 과정을 거친다. 함수는 객체 라는 정의가 가능하다. 함수 선언식과는 달리 Runtime 시에 함수가 해석되고 실행된다. cf) 런타임, 컴파일 타임 컴파일 타임 - 프로그램을 생성하기 위해 개발자는 먼저 소스코드를 작성하고 컴파일이라는 작업을 통..

ES6버전 이전 function hello(name){ console.log('Hello, ' +name + '!'); } hello('coding'); //Hello, coding! function add(a,b){ return a+b; } const sum = add(1,2); console.log(sum); //3 ES6버전 이후 fucntion hello(name){ return 'Hello ${name}!'; } const result = hello('Coding'); console.log(result); // Hello Coding! 화살표 함수 const add = (a, b) => { return a+b; } const sum = add(1, 2); console.log(sun); //3 ..

ES6 이전의 변수 선언방법 var ES6 이후의 변수 선언방법 var, let, const 현재에는 var를 거의 사용하지 않는 추세입니다. var를 사용하였을때 문제점 1. 변수 선언시 var 키워드 생략가능 coffee = 'good'; console.log(coffee); //good 2. 변수 선언 후 중복 선언 가능 var coffee = 'good'; console.log(coffee); //good var coffee= 1; console.log(coffee); //1 3. 변수가 선언도 되지 않았는데 참조 가능 ( 변수 호이스팅 ) console.log(coffee); // undefined var coffee ='good'; // (할당) console.log(coffee); //goo..