공학도의 잡다한 시선

[Javascript] 함수(function), 호이스팅(hoisting) 기술, 생성자 자바스크립트에서의 함수 정의와 사용방법에 대해 글을 써내려가 보겠습니다.function 함수명(){ 코드 정의부 } 위와 같이 function키워드를 사용해서 함수를 정의해 주시면되겠습니다. 또는 변수에 그냥 함수명이 없는 함수를 바로 대입할 수 있습니다. 이 것을 익명함수라고 합니다.호이스팅(hoisting) 기술 호이스팅기술이란 함수의 선언부가 있지만, 정의부는 아래에 있는경우 정의문을 찾아서 함수를 실행해주는 기술입니다. 그러나 익명함수의 경우에는 호이스팅기술이 적용되지 않습니다. hoist 뜻은 밧줄로 들어올리다 라는 의미를 가지고 있습니다. 즉 아래에 있는 정의 부를 찾아와서 끌어와서 실행하는 것이라고 생각..

[Javascript] Screen, location, history, navigator 이번에는 자바스크립트의 객체에 관련된 속성과 매서드들을 학습해보도록하겠습니다.[Screen 객체] 사용자의 화면정보를 제공할 수 있는 객체입니다.screen 객체의 매서드.width 화면의 너비를 반환해준다..height 화면의 높이값을 반환해준다..availWidth 작업표시줄을 뺀 화면의 너비를 반환해준다..colorDepth 해당 모니터가 표현할 수 있는 컬러 bit를 반환해준다.[location 객체] 유저의 브라우저와 관련된 기능을 제공하는 객체입니다.location 객체의 매서드 및 속성.href : URL 주소값을 가져오거나 설정합니다. .hash : URL의 해시값을 받아옵니다..hostname : 호..

[Javascript] 브라우저 객체 모델 (BOM, Browser Object Model) 함수들 이번 글에서는 자바스크립트의 브라우저 객체 모델에 대해서 알아보도록 하겠습니다. 브라우저 객체는 말 그대로 브라우저에 내장되어있는 객체라는 말입니다. 위 그림처럼 계층구조가 나타나게 되어있으며, Window가 최상위 객체로 존재하고 밑에는 여러가지 객체들이 있습니다. 그 중에는 우리가 익숙한 document객체도 존재합니다. 이 코드는 윈도우 객체의 매서드 중에서 open이라는 매서드를 사용하는 코드예시입니다. Window.open매서드는 팝업창을 띄워주는 매서드입니다. 첫 번째 인자로는 html경로, 두 번째는 해당 팝업창의 이름, 그 다음인자들은 크기가 되겠습니다. 요즘에는 팝업창을 기본적으로 차단시키..

[Javascript] 자바스크립트 변수와 연산자 기본 자바스크립트에서 변수에 대한 내용을 간단하게 정리하고있는 글입니다. 자바스크립트에서의 변수선언은 아래와 같이 합니다. var [변수명]; var [변수명]=[값]; 변수에 저장될 수 있는 값은 문자형, 숫자형, 논리형(Boolean), 빈데이터(undefined)가 존재합니다. 문자형은 큰따옴표나 작은 따옴표로 감싸서 표현, 숫자형은 말그대로 숫자입니다. 그러나 만약 큰따옴표로 감싸져있는 숫자문자열은 Number("123")을 통해서 문자열에서 숫자로 변환해줄 수 있습니다. 논리형(불리안)데이터는 true나 false로 나타내어집니다. Boolean()매서드는 0, null, undefined, " "(빈문자) 를 false로 처리하고 나머지는 모두..