HTML에 관하여
HTML
Hyper Text Mark Up Language
Hyper Text
웹페이지를 이루고 있는 요소
Mark Up Language
프로그램 언어가 데이터를 가공한다면 Mark Up 언어는 그 자체로 쓰인다는 것에 차이가 있다.
HTML(Hyper Text Mark Up Language)정리
프로그램 언어와 달리 그 자체로 쓰이면서 웹페이지를 이루고 있는 요소HTML CSS JS의 역할 및 상호 관계
HTML
웹 페이지 기본 골격 담당
CSS
각 요소들의 레이아웃 및 스타일 담당
JavaScript
사용자와 인터렉션 담당웹표준, 웹 접근성, 웹 호환성
웹표준
W3C(2014) -> WHATWG(2019) HTML Living Standard(HTML5 개선안)
웹 접근성
웹 접근성이 높다 -> 키보드가 없어도, 마우스가 없어도, 음성 인식으로도 컴퓨터를 조작할 수 있다.
웹 호환성
웹 호환성이 좋다 -> 웹의 버전 또는 종류와 상관없이 웹에 접근할 수 있다.잘 모르는 자료형에 대하여 ( javascript )
동적타입
변수에 저장되어 있는 값의 타입이 언제든지 바뀔 수 있는 언어를 '동적 타입 언어'라고 부른다.특수 숫자 값
정수 및 부동소수점 외 -> Infinity, -Infinity, NaN 등을 특수 숫자 값이라고 한다.
null
null 값은 null값 그 자체로 하나의 자료형이다. 다른언어의 경우 null은 '존재하지 않는 객체에 대한 참조'나
'널 포인터'를 나타낼 때 사용한다.
javascript에선 null을 1.존재하지 않는 값, 2.비어있는 값, 3.알 수 없는 값을 나타낼 때 사용한다.undefined
undefined 그 자체로 하나의 자료형이다. 변수를 선언했지만 값을 할당하지 않은 경우 해당 변수에 undefined가 자동 할당된다.
undefined 로 변수에 할당할 수 있지만 권장되지 않고 변수가 비어있음 또는 알수 없음을 나타내고 싶을 땐 null을 사용한다.하위 호환성을 위해 남겨진 타입
type of null // 'object'
type of alert // 'function'
null은 그 자체로 자료형인데 하위 호환성을 위해 object로 남겨져 다음과 같이 나타난다.
alert와 같이 함수 그 자체는 자료형은 아니고 이 또한 하위 호환성을 위해 유지한다. 함수는 객체에 속한다.alert, prompt, confirm에 대하여
alert
alert('String')
return undefiend
alert() 함수는 인자로 문자열을 받는다.
script 파일 내 해당 함수를 사용 할 경우 인자로 넣은 문자가 창으로 뜬다 prompt
prompt(String: input, [default])
return Stirng or null
prompt() 함수는 두개의 인자를 받는데 두번째 인자의 경우 필수가 아니다.
인수를 감싸는 대괄호의 경우 매개변수가 필수가 아닌 선택 이라는 의미이다.
prompt("What is your age?", 20)으로 작성 할 경우 브라우저에 모듈 창이
팝업할 때 입력값으로 20이 들어가 있고 수정할 수도 있다.
title로 입력한 인자가 창에 뜨고 확인 버튼과 취소 버튼을 누를 수 있다.
확인 버튼을 누를 경우 입력한 값을 반환하고 취소의 경우 null을 반환한다.confirm
Bool confirm(arg)
확인 버튼을 누를 경우 true를 반환하고 취소 버튼을 누를 경우 false를 반환. 