브라우저는 처음 호출된 페이지의 반복성 파일들(image파일, js, css파일)을 사용자의 로컬 디스크에 임시 인터넷 파일로 저장하고 재 호출시에 저장된 파일을 불러들여 사용하게 된다. 매번 같은 파일을 다운로드해야하는 불편함을 줄여주는 좋은 기능이지만 만약 js파일이 시시각각 달라지는 내용을 담고 있는 경우 호출을 어떻게 해야할까? 이런 경우 파일의 뒤에 요청하는 파라메터의 값을 매번 바꾸어주면 된다. 위의 코드가 너무 길다면 아래와 같이 써도 무방하다. "); d라는 이름의 파라메터로 매번 변하는 시간을 값으로 요청을 하면 매번 브라우저는 js파일을 새롭게 갱신하게 된다. 굳이 파라메터의 이름이 d일 필요는 없다. 주의해야 하는 점은 위와 같이 사용한 경우 아래와 같이 브라우저는 인식하게 된다. 따..

변수의 선언 변수를 사용하기 전에 변수를 먼저 선언하는 것이 원칙이며, 변수를 선언할 때는 var 키워드를 사용한다. 선언되지 않은 변수를 사용할 수 없다. 함축적 선언 변수를 명시적으로 선언하지 않더라도, 변수명에 값을 할당하면 변수가 동시에 선언되는 것으로 처리된다. 초기값 변수를 선언하고 값을 할당하여 초기화 하지 않았을 경우, 변수를 호출하면 undefined 값을 갖게 된다. var a =10; var c = a*b; //'b is not defined' 오류 발생 따라서 특정 값을 지정하지 않고 변수를 선언하여 초기화 할 때는 그 변수에 초기값을 할당해야 한다. 아래 4가지 경우를 보자. var b = "가나다" + a; var c = 4 + a + 5; document.writeln(a); ..

객체의 생성 함수의 호출이란 글에서 JavaScript의 함수 호출의 형태를 언급한 적이 있다. 4가지 호출 패턴을 언급했었는데 함수 호출 패턴 메소드 호출 패턴 생성자 호출 패턴 apply 호출 패턴위 4가지였다. 이 중 함수 호출 패턴을 제외한 나머지 3가지는 모두 객체에 대한 선언 및 메소드 호출이다. JAVA라면 해당 Class에 멤버 변수와 멤버 메소드를 선언할 것이다. public class A { String aValue = "aValue is me!"; void aMethod() { System.out.println("aMethod Called"); } } JavaScript 도 객체지향 언어이기 때문에 객체를 생성하는 new 연산자를 제공해준다. '함수의 호출 - 3. 생성자 호출 패턴'..

실행 제어 순서 JavaScript가 실행되다 함수를 호출하는 부분을 만나면 현재의 실행을 잠시 중단하고 제어를 매개변수와 함께 호출한 함수로 넘긴다. function writeOther() { document.write(3); } document.write(1); writeOther(); document.write(2); 위의 실행의 결과는 132가 된다. 실행의 제어가 잠시 writeOther 함수로 넘어가게 되었고 해당 함수의 실행이 모두 끝나게 되면 다시 제어는 원래 실행되던 부분으로 돌아가게 된다. 매개변수의 처리 매개변수를 처리에 관해 JavaScript는 상당히 유연하다. 함수를 호출할 때 넘기는 인수의 개수와 함수에 선언된 매개변수의 개수가 일치하지 않아도 오류가 발생하지 않는다. 인수가 ..

인터넷에 돌아다니는 말장난 중 하나가 있다. 객체지향(object-oriented)과 객체기반(object based)의 차이가 무엇인가요? 라는 질문에 대해 java와 c++은 객체지향이고 javascript는 객체기반이다 object-oriented > delegation-based > instance/prototype-based > object-based 순으로 포괄적인 관계이다. 위와 같은 답변이 달려 있다. (참고1, 참고2)일부는 맞는 말이고 일부는 틀린 말이다. 위의 내용에서는 답변은 맞지만 질문은 틀렸다. 객체지향 언어의 구현 방법 중 하나가 객체기반이다. JAVA는 Class를 기반으로 모든 프로그램이 이루어진다. 객체를 생성하기 위해 Class를 사용하여 호출을 한다. 이를 위해서는 2..

날짜 관련 메소드의 경우 브라우저에 따라 그 메소드들이 리턴하는 결과값이 다를 수 있다. JavaScript에서 쓰는 Date Object Reference의 내용을 보면 use [대체 메소드] instead 라고 쓰여진 메소드 들이 있다. 이런 함수들은 사용을 지양하자. 브라우저에 따라 잘못된 결과를 뱉어버리는 상황이 나오게 된다. getYear() 대신 getFullYear() 사용 setYear() 대신 setFullYear() 사용 toGMTString() 대신 toUTCString() 사용 위와 같이 권고하고 있다.

SyntaxHighlighter를 사용하면 자신의 블로그에 개발 코드를 보기 좋게 기록해둘 수 있다. 하여튼 다운받고 압축풀고 예제를 참조하면 사용법은 바로 파악이 된다. 티스토리에서 설정은 아래 2가지만 하면 된다. 필요한 파일(대략 아래 리스트들)을 관리->스킨->HTML/CSS 편집->파일업로드를 통해 업로드를 한다. /images/shCore.js /images/shBrushBash.js /images/shBrushCpp.js /images/shBrushCSharp.js /images/shBrushCss.js /images/shBrushDelphi.js /images/shBrushDiff.js /images/shBrushGroovy.js /images/shBrushJava.js /images/sh..