본문 바로가기

JavaScript16

[JavaScript] html에서 <script> 태그의 적절한 위치는 어디인가 지금까지 JavaScript를 사용하다 보면 html 파일안에 정상적으로 동작한다. 의 위치가 를 모두 읽어온 후에 읽어야 제대로 동작하던데... 페이지의 로딩 속도 측면에서도 태그를 하단에 위치시켜야 속도향상에도 도움이 된다. 그 이유인즉슨... 보통 외부 태그나 외부적으로 다운로드하게 되는데 파일의 크기가 크거나 혹은 정상 다운로드가 되지 않으면 html 파일이 정상적으로 로딩되지않게되어 화면이 뜨지 않거나 늦게 뜨게 된다. 이런 점을 고려해 속도 향상을 하려면 태그(html 내용이 전부 읽히고 나서 후에 실행되는 함수내용들)는 의 바로 윗부분에 위치시키는게 좋다. 하지만 html태그가 읽히기전에 수행되어야하는 태그들은 윗부분에 위치시켜야 한다.또한 jQuery같이 여러 페이지에서 같이 동작해야 하는.. 2015. 1. 26.
[JavaScript] charCodeAt() String.prototype.charCodeAt() Syntaxstring.charCodeAt(index)문자열에서 index에 해당되는 문자값의 유니코드값을 반환한다. index === 0보다 큰 정수여야한다. 1 2var str = "HELLO WORLD"; var n = str.charCodeAt(0); //72 어때요 참 쉽죠? H의 유니코드값인 72를 반환해서 n에는 72라는 값이 입력된다. 2015. 1. 26.
[JavaScript] Object Prototype 이란 무엇인가!!! prototype 에 대한 쉬운 풀이! 이번엔 프로토타입(prototype)에 대해 포스팅 해 보도록 한다. 얼마전까지 나는 프로토타입에 대해 50프로만 알고 있었다. 얼마전까지 나의 프로토타입에 대한 정의는 --> 생성자에 의한 객체 생성시 메모리낭비를 줄이기 위해 사용하는 메소드들의 집합이라고만 알고 있었다. 이렇게만 알고 있으면 고급 자바스크립트 개발자로 더이상 갈 수 없다. (코어단으로 넘어갈 수 없단 이야기.) 보통 대부분의 자바스크립트 입문 서적들을 살펴보면 나와같이 이해하고 설명되어 있고 넘어가더라... 후우... 자 이제 쉽고 간단하게 프로토타입에 대해 설명하고 prototype chain 에 대해 설명하겠다. prototype은 두가지의 의미를 내포하고있다. 1. __proto__ : 상위에서 물려 받은 객체의 프로토타입에 대.. 2015. 1. 26.
[JavaScript] "use strict" , strict mode 란 무엇인가? 왜 써야되나? 최근 쓰여진 javascript 코드들을 보면 전역 컨텍스트 맨 윗단에 "use strict" 라고 쓰여진 문구를 볼 수 있다. 이 문구는 ECMAScript5부터 적용되는 키워드인데 쉽게말해 안전한 코딩을 위한 가이드라인 이라 할 수 있겠다. javascript를 좀 다뤄본 사람이라면 JSLint가 무엇인지 알 수 있을 것이다. JSLint는 안좋은 자바스크립트 코딩패턴들을 코칭해주는 자바스크립트 문법 검사기다. (더글라스 크락포드 횽아가 만들었다고...) 무튼 여기에 자바스크립트 코드를 넣고 돌려보면 Problem at line 1 character 1: Missing “use strict” statement. 요로코롬 에러메시지를 뿜어내준다. "use strict"가 없다는 에러다. "use str.. 2015. 1. 26.