kiki-dev

자바스크립트 자료형

자료형 자바스크립트에서 값은 항상 문자열이나 숫자형 같은 특정한 자료형에 속하고, 여덟 가지 기본 자료형이 있다. // no error let message = "hello"; message = 123456; 위와 같이 자료의 타입은 있지만 변수에 저장되는 값의 타입이 언제든지 바꿀 수 있는 언어를 '동적 타입 언어'라고 부른다. 원시 타입(Primitive Type) 한번에 하나의 값 만 가질 수 있다. 하나의 고정된 저장 공간을 이용한다. 숫자형 정수 및 부동소수점 숫자를 나타낸다. 숫자형엔 일반적인 숫자 외에 Infinity, -Infinity, NaN 같은 '특수 숫자 값(special numeric value)'이 포함된다. alert( 1 / 0 ); // 무한대 alert( Infinity ..

변수와 상수

변수(variable) 데이터를 저장할 때 쓰는 '이름이붙은 저장소' let message; //변수 선언 message = 'Hello'; //데이터 저장 let message = 'Hello'; // 한 줄에 작성가능, 변수 초기화 변수를 두 번 선언하면 에러가 발생한다. 변수 명명 규칙 변수명에는 문자, 숫자, $, _ 만 들어갈 수 있다. 첫 글자는 숫자 불가능 대 소문자 구별 예약어(자바스크립트 내부에서 이미 사용중) 사용불가 카멜표기법 여러 단어를 조합하여 변수명을 만들땐 각 단어의 첫글자를 대문자로 작성한다. let myVeryLongName; 상수 const로 선언한 변수를 상수라 부르며 재할당이 불가능하다. (값이 변경되는 것을 방지) const myBirthday = '18.04.198..

모던 JavaScript 튜토리얼 - 3

세미콜론 자바스크립트는 줄 바꿈이 있으면 이를 '암시적' 세미콜론으로 해석한다. 하지만 세미콜론을 사용하는 것이 더 안전하므로 넣는 것이 더 좋다. alert('Hello') alert('World') 주석(comment) 자바스크립트 엔진은 주석을 무시하기 때문에 주석의 위치는 실행에 영향을 주지 않는다. 한 줄짜리 주석 // , 단축키 ctrl + / 여러 줄 주석 /* */ ,단축키 ctrl + Shift + / 엄격 모드(Strict mode) 새롭게 제정된 ES5에서 새로운 기능이 추가되고 기존 기능의 일부가 변경되어서 하위 호환성 문제가 생길 수 있어서 변경사항 대부분은 ES5의 기본 모드에선 활성화되지 않는다. 대신 use strict라는 특별한 지시자를 사용해 엄격 모드*strict mod..

자바스크립트 외부스크립트의 이점

모던 마크업 요즘엔 잘 사용하지 않지않는 태그 속성 type 속성 : /path/to/script.js 는 사이트의 루트에서부터 파일이 위치한 절대 경로를 나타낸다. URL을 전체 속성으로 사용할 수 있다. 외부 스크립트의 이점 스크립트를 별도의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시에 저장하기 때문에, 성능상의 이점이 있다. 여러 페이지에서 동일한 스크립트를 사용하는 경우, 브라우저는 페이지가 바뀔 때마다 스크립트를 새로 다운받지 않고 캐시로부터 스크립트를 가져와 사용하기 때문에 트래픽 절약과 웹 페이지의 속도가 빨라진다.

자바스크립트란?

자바스크립트란? 자바스크립트는 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어 자바스크립트로 작성한 프로그램을 스크립트(script)라고 부르고, 스크립트는 웹페이지의 HTML안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행된다. 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있다. 자바랑 자바스크립트는 연관된 언어인가? 처음 자바스크립트의 이름은 'LiveScript' 이였지만, 당시 자바의 인기가 아주 높아서 마케팅차원에서 자바의 동생격인 언어로 홍보하면 도움이 될 것이라고 생각해서 이름을 바꿨다고 한다. 이름은 자바에서 차용해 왔지만, 둘은 아무런 연관이 없고, 자바와 자바스크립트는 독자적인 언어이다. 자바스크립트 엔진 브라..