데이터 타입(data type)은 값의 종류를 말한다. 자바스크립트의 모든 값은 데이터 타입을 갖는데 자바스크립트 ES6는 7개의 데이터 타입을 제공한다. 구분 데이터 타입 설명 원시 타입 숫자(number) 타입 숫자. 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열(string) 타입 문자열 불리언(boolean) 타입 논리적 참(true)과 거짓(false) undefined 타입 var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심벌(symbol) 타입 ES6에서 추가된 7번째 타입 객체 타입 객체, 함수, 배열 등 6.1 숫자 타입 자바스크립트는 다른 프로그래밍 언어(c, java, python 등)와는 다르게 하나의 ..

개념을 이해한다는 것은 바로 용어를 정확히 이해하고 설명할 수 있다는 것이다. 5.1 값 값(value)은 식(표현식 expression)이 평가(evaluate)되어 생성된 결과를 말한다. 여기서 평가란 식을 해석하여 값을 생성하거나 참조하는 것을 의미한다. 모든 값은 데이터 타입을 가지며, 메모리에 2진수, 즉 비트(bit)의 나열로 저장된다. 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있다. 5.2 리터럴 리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)을 말한다. 예를 들어 3이란 숫자를 코드에서 작성하게 되면, 단순한 아라비아 숫자가 아니라 숫자 리터럴이다. 사람이 이해할 수 있는 아라비아 숫자를 사용해 숫자 ..

position 속성이란? HTML에서 작성한 요소에 대해서 문서 내에서 배치되는 방식을 결정하는 것이 CSS의 position 속성의 역할이다. top, right, bottom, left 속성과 함께 사용하여 요소의 정확한 위치를 지정한다. 이때 top, right, bottom, left 속성의 값이 모두 똑같을 경우 inset 속성을 사용한다. position: static position 속성의 기본값으로 HTML에서 요소가 문서의 원래 있어야 할 위치에 배치되도록 해준다. 따라서 top, right, bottom, left 속성값은 무시된다. position: relative 요소의 원래 위치를 기준으로 배치한다. top, right, bottom, left 속성을 통해 요소의 원래 위치에 있..

시맨틱 태그란? 태그와 기능은 똑같지만, 의미가 담겨있는 태그들을 '시맨틱 태그'라고 한다. 이를 통해 사이트의 구조(레이아웃)를 설계하기 위해 존재하며 각 부분의 역할과 기능을 전달하는 데 도움을 주는 역할을 한다. 즉, 태그에 의미를 부여함으로써 웹사이트 구조를 파악하기 쉽도록 도와주기 위해 만들어졌다. 엄격한 사용법이 있는 건 아니지만, 작성하는 사람의 의도가 중요하다. 태그 이름 용도 영역 위쪽에서 로고나 제목, 메뉴 같은 걸 담고 있는 도입부 사이트의 본격적인 내용으로 페이지에서 딱 한 번만 사용 가능 영역 아래쪽에서 여러 가지 연락처나 관련 정보를 담고 있음 하나의 완성된, 독립적인 내용을 나타내는 영역 (블로그 게시물, 뉴스 기사, 제품 리뷰 등) 어떤 것의 일부분을 나타내는 영역 이미지와 ..

4.1 변수 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 하나의 값을 저장하기 위해 확보한 메모리 공간은 메모리 주소를 갖는데, 이는 2진수로 저장된다. 해당값을 가져오기 위해 메모리 주소에 접근해야 하지만, 자바스크립트는 개발자의 직접적인 메모리 제어를 허용하지 않는다. 대신 이와 같은 기능을 하기 위해 변수를 사용한다. 변수는 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘으로 값의 위치를 가르키는 상징적인 이름이다. 변수에 값을 저장하는 것을 할당이라 하고, 변수에 저장된 값을 읽어 들이는 것을 참조라 한다. 변수 이름은 사람을 위해 사람이 이해할 수 있는 언어로 좋은 이름, 즉 변수에 저장된 값의 의미를 파악할 수 있는 ..

CSS는 Cascading Style Sheets로 HTML, XHTML 등의 마크업 언어로 작성된 문서를 실제 표시되는 방법을 기술하는 스타일 시트 언어이다. 그럼 SC(Style Sheets)라고만 해도 되는데 왜 앞에 Cascading이 붙은 걸까? Cascade는 사전적 의미로 종속, 작은 폭포라는 뜻을 가진 단어이다. 이를 풀어서 생각해 보면 위에서 아래로 차례대로 내려온다고 볼 수 있는데, 이는 웹사이트에 스타일을 적용시킬 때 스타일 규칙이 상위 요소에서 시작하여 하위 요소로 계속해서 전파된다는 개념이다. 여기서 요소에 하나 이상의 스타일이 적용될 때, 어떤 스타일을 적용하게 되는지 결정하는 우선순위가 존재하는데 이를 Cascading(캐스케이딩)이라고 한다. Cascading은 선언 위치, ..