객체는 세상에 존재하는 모든 것이다. 자동차 객체의 모델링 객체 car 속성 car.nave = "Sonata" car.speed = 100 car.color = "White" car.door = 4 메소드 car.s...

함수 선언과 호출 형식 function 함수명(매개변수1, 매개변수2, ···){ //함수선언 실행 문장; return 반환값; } 함수명(인자1, 인자2, ···); //함수 호출 인자: 함수를 호출할 때 전달하는 입력값 매개변수: 함수 호출문에서 전달한 인자를 받기 위해 선언된 변수 function: 함수를 선언할 때 사...

제어문이란? 프로그램의 실행 과정을 제어하기 위해 사용하는 구문 조건문 조건에 따라 다음 문장을 선택적으로 실행 if if~else 다중 if~else switch~case 반복문 동일한 명령을 여러 번 처리하거나 특정 연산을 반복적으로 처리 for while do~while 보조 제어문 조건문을 만나면...

연산자란 프로그래밍에서 특정의 계산을 하기 위해 만들어진 기호들이다. 연산자에는 산술, 관계/비교, 논리, 대입, 복합, 증감연산자 등이 있다. 계산의 우선순위를 갖고있으며 ( ) 연산자로 우선순위를 높일 수 있다. 우선순위 순서 : 전위형증감연산자(++a) > 산술 > 관계 > 논리 > 대입 > 복합 &...

웹 안전색(Web Safe Color) 컴퓨터 운영체제의 종류, 브라우저의 종류에 상관없이 공통으로 사용되는 ‘안전한’ 색을 ‘웹 안전색(Web Safe Color)’라고 한다. 이 웹 안전색은 유채색 210가지, 무채색 6가지로 모두 216색으로 구성되어 있는 컬러 시스템이다. 초기 웹 브라우저에서는 다양한 색상을 지원하지 못했다. GPU 나...

Semantic Tag란? HTML5의 큰 특징 중 하나는 시맨틱 태그(Semantic Tag)다. 시맨틱 태그는 개발자와 브라우저에게 의미있는 태그를 제공하게 된다. 기존에 사용하던 div 태그는 non-semantic Tag라 할 수 있다. table, article 등의 태그는 semantic Tag라 할 수 있다. non-semanti...

브라우저마다 제공하는 user agent style이라는게 있다. 브라우저의 스타일링 기본값이라 생각하면 된다. 기본적으로 스타일이 적용된다는 게 사용자에게는 유용할 수 있지만 개발자 입장에서는 매번 번거롭게 새로 선언해줘야 하기 때문에 오히려 피곤하다. 그리고 크롬, 파이어폭스 등 브라우저들이 모두 일관된 스타일을 제공하지 않는 경우도 있어 크...

엔티티 (Entity)란? HTML에는 미리 예약 된 몇몇 문자가 있으며, 이러한 문자를 HTML 예약어(reserved characters)라고 부른다. 이러한 HTML 예약어를 HTML코드에서 사용하면, 웹 브라우저는 그것을 평소와는 다른 의미로 해석한다. 따라서 HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋...

웹표준(Web Standards)이란? 웹 표준이란, ‘웹에서 표준적으로 사용되는 기술이나 규칙’을 의미하는데, 이는 우리가 흔히 생각하는 표준(standard)과는 조금 다르다. 웹에서의 표준은 W3C의 토론을 통해 나온 권고안(recomendation)을 말하며, 권고안 이외 단계 수준의 스펙은 비표준이거나 독자확장 요소를 의미하기 때문에 구...

Flexbox란? CSS3의 새로운 레이아웃 방식이다. W3C에서이 정식 명칭은 CSS Flexible Box Layout Module이라고 정의 하고 있으며 이름처럼 레이아웃을 유연하게 구현하는 모듈이라고 보면 된다. 예전에 레이아웃을 구현하기 위해서는 정식 사용법이 아닌 편법처럼 복잡하게 구현을 했어야 했던것에 반해 Flexbox는 쉽게 레이아...