본문 바로가기

Front-End: Web/JavaScript

(97)
window 객체 & BOM window 객체 브라우저의 요소들과 자바스크립트 엔진, 모든 전역변수를 담고 있는 객체. window 객체 아래, 대표적으로 screen, location, history, document 같은 객체들이 자주 쓰인다. 메소드는 parseInt, isNaN 같은 게 있다. window는 전역객체(글로벌객체)이므로 모든 객체를 다 포함하고 있기 때문에 사용할 때 window를 그냥 생략해도 된다. 하지만 다른 함수와 헷갈릴 수 있기 때문에 window를 붙여주는 것도 괜찮다. 생략하냐 마냐는 각자의 스타일에 맡기면 된다. window.close() 현재 창을 닫는다. window는 생략가능하기 때문에 close(); 라고 작성해도 된다. window.open() 새 창을 연다. 첫 번째 인자: 페이지 주소..
JavaScript Error Javascript와 에러 Error 자바스크립트를 처음부터 다시 공부해보려고 한다. medium.com
requirejs [RequireJS] RequireJS 사용 방법 정리 웹 어플리케이션들이 점점 성장해가면서, 형님격인 데스크탑 어플리케이션들로부터 다양한 테크닉과 패턴들을 상속받고 있다. 그것들중에 하나가 종속성 관리이다. 자바스크립트 자체로는 이� programmingsummaries.tistory.com
$(document).ready() - DOM 순서 [jQuery] $(document).ready()란? - DOM 순서 [jQuery] document.ready() - DOM 순서 우리가 jquery를 쓸때 제일 처음에 써주는 $(document).ready(function(){}); 이것은 $(function(){}); 이렇게 줄여서 사용할 수 있습니다. 이 그림을 먼저 보시죠 위에서.. docu94.tistory.com
$(documenet).ready roqkffhwk.tistory.com/1 [jQuery 1장] $(document).ready 가 모예요? * 해당 내용은 본인의 생각으로 작성하는것으로... 잘못알고 있는 부분들은 댓글이나 쪽지를 통해 알려 주시면 감사하겠습니다 ^^ jquery는 http://jquery.com 에 들어가셔서 다운받으시면 되고요. � roqkffhwk.tistory.com
uncaught referenceerror $ is not defined jquery를 사용할 수 있도록 HTML body에 아래와 같은 코드를 추가한다. -> jquery를 사용할 것이기 때문이기 때문에 작성하지 않으면 document를 사용할 수 없다. 만일 추가되어 있음에도 에러가 발생한다면 jquery가 늦게 인식되어 에러가 발생되는 문제이다. 따라서 위에 작성된 코드의 위치를 위로 올리면 된다.
HTML에서 JavaScript 로드하기 1. inline - 태그에 직접 자바스크립트를 기술하는 방식. 정보와 제어가 섞여 있으므로 정보로서의 가치가 떨어진다. 2. script - 태그를 만들어 그 사이에 자바스크립트 코드를 작성하는 방식. html 태그와 js 코드를 분리할 수 있다는 장점이 있다. 3. 외부 파일로 분리 - js를 별도 파일로 분리하는 방식. 엄격하게 정보와 제어를 분리할 수 있다는 장점이 있다. 하나의 js파일을 여러 웹 페이지에서 로드할 수 있으므로 js의 재활용성을 높일 수 있다. 또한 캐쉬를 통해 속도의 향상, 전송량의 경량화를 도모할 수 있다. script2.js var hw = document.getElementById('hw'); hw.addEventListener('click', function(){ ale..
[생활코딩: JavaScript] 3. 데이터타입 - 문자열과 숫자 최신 ECMAScript 표준은 다음과 같은 7개의 자료형을 정의한다. 기본 자료형 (Primitive) 인 여섯가지 데이터 타입 Boolean Null Undefined Number String Symbol (ECMAScript 6 에 추가됨) 별도로 Object 도 있다 자바스크립트의 자료형 모든 프로그래밍 언어는 내장 자료형이 있지만, 종종 이러한 내장 자료형은 언어마다 다르다. 이 문서에서는 자바스크립트의 내장 자료형과, 내장 자료형에서 사용할 수 있는 속성들에 대해 알� developer.mozilla.org Number +, -, /, * 등 연산자를 이용해 연산할 수 있다. String "큰따옴표" 혹은 '작은따옴표'로 감싼다. 메소드 .length() : 문자열의 길이를 출력 .touppe..

반응형