javascript?
자바스크립트(영어: JavaScript)는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다.
프로토타입 기반 프로그래밍은 객체지향 프로그래밍의 한 형태의 갈래로 클래스가 없고, 클래스 기반 언어에서 상속을 사용하는 것과는 다르게, 객체를 원형(프로토타입)으로 하여 복제의 과정을 통하여 객체의 동작 방식을 다시 사용할 수 있다. 프로토타입기반 프로그래밍은 클래스리스(class-less), 프로토타입 지향(prototype-oriented) 혹은 인스턴스 기반(instance-based) 프로그래밍이라고도 한다.
ECMA스크립트( ECMAScript, 또는 ES[ 1])란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화하기 위해 만들어졌다. 액션스크립트와 J스크립트 등 다른 구현체도 포함하고 있다.[ 2] ECMA스크립트는 웹의 클라이언트 사이드 스크립트로 많이 사용되며 Node.js를 사용한 서버 응용 프로그램 및 서비스에도 점차 많이 쓰이고 있다.
Ecma 인터내셔널(영어: Ecma International)은 정보와 통신 시스템을 위한 국제적 표준화 기구이다.[ 1] 원래 이름은 European Computer Manufacturers Association (ECMA)이었으나, 기구의 국제적 확장을 반영하여 현재의 이름으로 바뀌었다.
MDN 참고자료 :
https://developer.mozilla.org/ko/docs/Learn/Getting_started_with_the_web/Ja vaScript_basics
DOM이란?
https://www.w3.org/DOM/DOMTR
문서 객체 모델(document object model)은 html,XML 문서의 프로그래밍 interface이다. DOM은 문서의 구조화 된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근 할 수 있는 방법을 제공하여 그들의 문서 구조 및 스타일, 내용 등을 변경할 수 있게 돕는다.
웹페이지는 일종의 문서이다. 이 문서는 웹브라우저를 통해 그 내용이 해석되어 웹브라우저 화면에 나타나거나 html 소스 자체로 나타나기도 한다.
DOM은 웹페이지의 객체 지향 표현이며, 자바스크립트 와 같은 스크립팅 언어를 이용해 DOM을 수정 할 수 있다.
Document Object Model (DOM) Specifications
About DOM . DOM Activity statement Technical Reports Mailing List Document Object Model (DOM) Technical Reports See also other W3C Technical Reports. DOM DOM The WHATWG Living Standard, also endorsed by W3C on a yearly basis. Philippe Le Hégaret, DOM Acti
www.w3.org
BOM이란?
브라우저 객체 모델 (browser object model)은 자바스크립트가 브라우저와 소통하기 위한 모델이다.
공식 표준은 아니지만 모든 브라우저 대부분이 자바스크립트 상호작용에 있어 비슷한 메소드와 속성으로 동작하기에 이와 같은 메소드들을 통칭하여 BOM이라고 한다.
BOM은 웹 브라우저 창을 관리할 목적으로 제공되는 개체 모을을 대상으로 하는 모델로서, 자바 스크립트 등에서 이를 사용할 수 있다. 브라우저 제작사 마다 세부 사항이 다소 다르게 구현되고 한정적이다.
웹브라우저 의 윈도우 객체를 대상으로 하는 윈도우 개체 모델의 일정으로 비표준적이나 대부분의 웹브라우저는 netscape3를 표준처럼 많이 따른다. 이를 DOM level0 이라고도 부르며 웹브라우저를 위한 객체 모델의 표준으로는 DOM이 있다.
BOM의 역할은 웹브라우저의 버튼,URL 주소 입력 창, 타이틀 바 등 웹브라우저 윈도우 및 웹페이지의 일부분을 제어할 수 있게 하는 윈도우 객체 모델이다.
html 이란? :
hyper text markup language aka html
1980년, 유럽 입자 물리 연구소(CERN)의 계약자였었던 물리학자 팀 버너스리가 HTML의 원형인 인콰이어를 제안하였다. 인콰이어는 CERN의 연구원들이 문서를 이용하고 공유하기 위한 체계였다. 1989년에 팀 버너스리는 인터넷 기반 하이퍼텍스트 체계를 제안하는 메모를 작성했다.
xhtml 과 html 차이 링크 :
xhtml은 데이터 기반 xml 으로 만들어진 마크업 언어이다.
- XHTML이 XML 문법을 따르므로 HTML과 문법 규칙이 약간 다르다.
- XHTML을 사용하면 할 수 있으나, HTML로는 불가능한 일이 있다.
- HTML을 사용하면 할 수 있으나, XHTML로는 불가능한 일이 있다.
- CSS를 이해하는 방식에 차이가 있다.
- + CSS의 Element type 선택자가 대문자와 소문자를 구별한다(case-sensitive).
- + HTML 에서는 BODY 요소의 background-color, background-image, overflow 속성이
- 최상위 요소(HTML)에도 적용되지만 XHTML에서는 적용되지 않는다.
- 클라이언트 쪽의 스크립트(예: 자바 스크립트)를 다루는 방식에 차이가 있다.
html 구조 :
<!DOCTYPE html> : 현재 문서가 HTML5 문서임을 명시합니다.
<html> : HTML 문서의 루트(root) 요소를 정의합니다. 전체 html 문서를 감싸는 태그입니다. 하나만 존재해야 하고 html 바깥에 DOCTYPE을 제외한 다른 태그가 있으면 안 됩니다
<head> : HTML 문서의 메타데이터(metadata)를 정의합니다. 하나만 존재해야하고, html 바로 아래에 있어야합니다.
- 메타데이터(metadata)란 HTML 문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보를 의미합니다.
- 이러한 메타데이터는 <title>, <style>, <meta>, <link>, <script>, <base>태그 등을 이용하여 표현할 수 있습니다.
ex)
<meta name="viewport" content="width=device-width, initial-scale=1">
charset="utf-8"
브라우저에게 한글 인코딩을 UTF-8로 설정하라고 알린 겁니다. 이 부분이 있어야 한글이 깨지지 않습니다.
http-equiv="항목명"
웹 브라우저가 서버에 명령을 내리는 속성으로 name 속성을 대신하여 사용될 수 있으며, HTML 문서가 응답 헤더와 함께 웹 서버로부터 웹 브라우저에 전송되었을 때에만 의미를 갖습니다.
content="정보값"
meta 정보의 내용을 지정합니다.
name="정보 이름"
몇 개의 meta 정보의 이름을 정할 수 있으며 지정하지 않으면 http-equiv 와 같은 기능을 합니다.
<title> : HTML 문서의 제목(title)을 정의하며, 다음과 같은 용도로 사용됩니다. - 웹 브라우저의 툴바(toolbar)에 표시됩니다.
- 웹 브라우저의 즐겨찾기(favorites)에 추가할 때 즐겨찾기의 제목이 됩니다.
- 검색 엔진의 결과 페이지에 제목으로 표시됩니다.
<body> : 웹 브라우저를 통해 보이는 내용(content) 부분입니다. html 문서에서 실제적으로 보여지는 부분을 나타냅니다. 하나만 존재해야 하고, html 바로 아래, head 다음에 위치해야 합니다
<h1> ~ <h6> : 제목(heading)을 나타냅니다. 중요도에 따라 h1부터 h2, h3, ..., h6까지 있습니다. <p> : 단락(paragraph)을 나타냅니다. 문단을 표시하는 태그입니다. 여기 안에 글의 내용을 넣으면
됩니다.
<img> : 이미지를 표시하는 태그입니다. 아까 src라는 속성이 있었는데 src는 이미지 파일의 경로(위치)를 지정하는 속성입니다.
'웹코딩 > javascript' 카테고리의 다른 글
| slick slider : 반응형 구현 (0) | 2024.08.06 |
|---|---|
| split/substr/substring (0) | 2022.04.13 |
| document ready VS window onload (0) | 2022.02.17 |
| var, let, const 차이점 / 호이스팅이란? / null, undefinded (1) | 2022.02.14 |
| 자바스크립트 기초 문법 (0) | 2022.02.14 |