개발은 꽃

모듈이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말함. 모듈은 세부 사항을 캡슐화하고 공개가 필요한 API만을 외부에 노출 모듈은 파일단위로 분리되어 있고, 명시적으로 모듈을 로드하여 재사용 함. 모듈은 개별적으로 존재하다가 애플리케이션의 로드에 의해 애플리케이션의 일원이 됨 모듈의 장점 모듈은 기능별로 분리되어 작성되므로 코드의 단위를 명확히 분리해 애플리케이션을 구성할 수 있으며, 재사용성이 좋아서 개발 효율성과 유지보수성을 높일 수 있음 기존 자바스크립트로는 모듈화 구현 불가 자바 스크립트는 파일마다 독립적으로 파일 스코프를 갖지 않고, 하나의 전역 객체를 공유함. 즉, 자바스크립트 파일을 여러 개의 파일로 분리하여 script 태그로 로드해도 분리된 자바스크립트는 하나의..

콜백함수란, 어떤 이벤트가 발생한 후, 수행될 함수를 의미 소스 예 $("#test").click(function(){ alert("콜백함수를 실행합니다."); }); 해당 이벤트는 비동기로서, test라는 id를 가진 태그를 클릭했을 시 콜백함수가 실행 콜백함수는 익명함수라고도 지칭함. 콜백함수 실행 시점 콜백함수는 원본 함수에 익명함수가 선언 된 후 원본 함수를 선언하는 부분에서 익명함수를 호출하는 시점에서 실행 function test(abc, callback){ console.log("test 함수를 실행"); callback(); } test("abc", function(){ console.log("test 함수에 익명 함수를 실행"); }); [실행결과] test 함수를 실행 test 함수에 ..

DOM - DOM(Document Object Model) : 문서(html문서)의 태그들을 Javascript가 이용할 수 있는 객체만들고 이를 인식하는 방식을 말함. 즉, 웹 브라우저가 HTML 페이지를 인식하는 방식 / DOM은 태그들의 트리 형식으로 이루어짐렌더링 1. DOM 트리 생성 2. 스타일 구조체 생성(css) 3. 렌더 트리 생성 - DOM 트리와는 다르게 각 노드에 스타일 정보가 설정되어 있음. - , , 는 렌더 트리의 구성원이 아님. 4. 레이아웃 처리 - 렌더 트리의 각 노드의 크기가 계산되고, 문서에서 정확한 위치를 계산 - 계산 시 화면 해상도보다 높은 해상도로 처리(고객의 확대 축소를 할 시 깨지지 않게하기 위함) 5. 페인트document.ready() vs window...

스크립트의 메모리 위치 스크립트를 별도의 파일에 작성해 놓고 가져와서 쓰게 되면 브라우저가 스크립트를 다운 받아 캐시에 저장함. 즉, 여러 페이지에서 동일한 스크립트를 사용하는 경우 브러우저는 페이지가 바뀔때마다 캐시에서 가져와 사용 -> 성능상 이점(트래픽 향상) 엄격모드(use strict) 새롭게 제정된 ES5에서는 새로운 기능이 추가되고 기존 기능 중 일부가 변경이 되는데, 이 변경 사항을 적용하지 않고 javascript를 수행하기 위한 것 자료형 숫자형 정수, Infinity(1/0), -Infinity, NaN("abc"/2) 연산은 *, / , -, + 문자형 큰, 작은 따옴표로 문자열 표현 역 따옴표(`)을 사용하면 문자열 중간에 '${}'을 삽입할 수 있음 Ex.) Hello ${nam..