본문 바로가기

제가 쓴 책/HTML5, CSS3 and JavaScript171

1. JavaScript의 데이터 타입, 변수 1. JavaScript의 데이터 타입, 변수 여러분은 스마트폰에서 동작하는 응용 프로그램부터 네이버, 다음과 같은 웹 포탈에 나타나는 연예 정보 기사들을 보여주는 프로그램, 그리고 여러분 컴퓨터에 기본적으로 설치되는 Windows XP, Windows Vista, Windows 7 같은 마이크로소프트 운영체제와 같이 복잡한 응용 프로그램들을 보았을 것입니다. 여러분이 간단한 웹 기반 메모장 프로그램부터 복잡한 학사관리 프로그램을 만든다면 아마도 “어떤 형태의 데이터가 발생할 수 있는가? 그리고 어떻게 사용될 것인가?” 라는 질문을 하게 될 것입니다. 간단하게 네이버나 다음의 웹사이트에 접속해 보면 “런닝맨”은 몇 시에 하는지, 소녀시대 멤버는 몇 명인지, 웹 페이지에 이미지는 어떻게 나타낼 수 있는지,.. 2013. 8. 6.
JavaScript JavaScript 처음 JavaScript를 시작하는 사람들이 간혹 JavaScript가 JAVA와 관련이 있다고 생각하는 경우를 보게 되는데 전혀 별개의 언어입니다. JavaScript는 ECMA-262 표준(ECMAScript)에 기초한 스크립트 프로그래밍 언어로 축약하여 JS라고 부르기도 합니다. JavaScript는 Brendan Eich에 의해서 개발되어 지금은 잊혀진 웹 브라우저인 Netscape Navigator 2.0에 처음 나타나게 됩니다. 그리고 MS IE도 지원을 하기 시작하였고 1996년 처음으로 이에 대한 표준화가 시작되어 1997년에 ECMA General Assembly에 의해 첫 번째 ECMA 표준이 채택됩니다. 그리고 이 표준은 국제 표준화 기구(ISO: Internati.. 2013. 8. 6.
8.2 내부 여백인 padding, 경계(border), 그리고 외부여백(margin) 8.2 내부 여백인 padding, 경계(border), 그리고 외부여백(margin) 앞에서 배경(Background)과 경계(Border), 여백을 설명하면서 그림으로 경계(border)와 HTML 요소의 내부 여백을 나타내는 padding, 외부 여백을 나타내는 margin에 대해서 설명하였는데 여기서는 구체적으로 관련 속성들을 어떻게 설정하고 어떻게 그 결과가 나타나는지 알아봅니다. 8.2.1 내부여백(padding)과 관련된 속성들 내부 여백은 배경과 경계, 여백 도입부분에서 나타낸 그림에서와 같이 HTML5 요소를 나타내는데 있어 직사각형 형태로 나타낼 때 그 안에 요소의 내용(content)와의 상(top), 하(bottom), 좌(left), 우(right) 여백을 줄 수 있는데 이 때 사.. 2013. 8. 4.
8.1.4 background-attachment 속성 8.1.4 background-attachment 속성 역시 background-attachment 속성은 background-image 속성에 의해 배경 이미지가 설정된 상태에서 사용할 수 있는 속성으로 배경 이미지가 커서 스크롤해야 할 지 아니면 고정시킬지를 설정하는 속성으로 다음과 같은 형식을 이용합니다. background-attachment : 속성값 속성값으로는 배경 이미지가 해당 요소의 내용(content)과 같이 움직이도록 할 경우 기본적으로 “scroll”로 설정이 됩니다. 하지만 배경 이미지가 해당 요소의 내용(content)과 독립적으로 작동하도록 할 경우 즉, 스크롤하더라도 배경이미지는 움직이지 않도록 할 경우에 “fixed” 속성값으로 설정해주면 됩니다. 그리고 속성값으로 “loc.. 2013. 8. 4.

티스토리툴바