CSS3에서는 선택자 속성이 새롭게 추가되었다. selector를 사용하게 되면 id나 class를 대폭 줄일 수 있는 장점이 있다. 유사클래스 네임 (해당 문자를 포함하는 클래스 명) <div class="box1"> <ul> <li class="hana dul set">배분 대표사업의 핵심 브랜드화&...

input 요소 HTML5 에서는 강력한 form 속성을 지원한다. 때문에 어려운 스크립트 없이도 다양한 ui를 표현할 수 있다. 이메일 입력을 위한 email <input type="email" value="some@email.com"> 리소스 주소 입력을 위한 url <input type="url" name="user_u...

객체는 세상에 존재하는 모든 것이다. 자동차 객체의 모델링 객체 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 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋...