2024/07/06 4

[JS] 자바스크립트란

1. 자바스크립트의 특징자바스크립트HTML, CSS와 함께 웹을 구성하는 요소 중 하나로 웹 브라우저에서 동작하는 유일한 프로그래밍 언어자바스크립트는 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어인터프리터는 소스코드를 즉시 실행하고, 컴파일러는 빠르게 동작하는 머신 코드를 생성하고 최적화 함이를 통해 컴파일 단계에서 추가적인 시간이 필요함에도 더욱 빠르게 코드를 실행할 수 있음자바스크립트는 런타임에 컴파일되며 실행 파일이 생성되지 않고 인터프리터의 도움 없이 실행할 수 없기 때문에 컴파일러 언어라고 할 수는 없음 Tip! 컴파일러? 인터프리터?우리가 코드를 통해 내린 명령을 수행하는 주체는 컴퓨터임. 따라서 사람이 이해할 수 있는 자연어가 아닌 컴퓨터가 이해할 수 있는 언어(기계어)로 명령..

[HTML] 웹 표준 및 접근성 II - 텍스트 관련 태그, 기타 태그, 크로스 브라우징 etc.

1. 텍스트 관련 태그줄바꿈이 일어나는 태그~- 제목을 표시할 때 사용- 스크린 리더 사용자가 사용하는 탐색 기법은 제목에서 제목으로 옮겨가는 방식이기 때문에, 제목 단계를 뛰어넘으면 문서의 층위를 파악하는데 혼란이 있을 수도- 그래서 제목 단계는 순차적으로 늘어나야 함( 다음에 이 오지 않도록 하는 것)- 페이지당 하나의 태그 사용 - 수평줄이 생김- '주제가 바뀔 때' 분위기 전환을 위해 넣음('이 글의 주제가 여기서 바뀌었다'를 알리는 역할)- 표시한 공백(스페이스바로 띄운 공간)이 그대로 표시- CSS에서 지정할 수 있는 white-space 속성의 'pre'값이 같은 의미를 가짐- 태그 안쪽 텍스트가 인용문임을 알림, 본문보다 전체적으로 들여쓰기 됨줄바꿈이 일어나지 않는 태그- 태그 안쪽 텍스..

[HTML] 웹 표준 및 접근성 I - 웹 표준, 웹 접근성, 시멘틱 태그 etc.

1. 웹 표준이란웹 표준엡 상에서 표준적으로 사용되는 기술웹사이트를 어떠한 운영체제에서나 어떠한 브라우저에서 보더라도 동일하게 보여지도록 W3C(World Wide Web Consortium) 기구 표준에 맞추는 것다양한 브라우저, 휴대폰 PDA, 장애인 지원용 프로그램에서도 대응이 가능하므로 접근성이 향상 되고, 장애인, 고령자 등을 포함한 사용자층도 확대 가능하다는 장점이 있음최신 웹 표준 버전은 HTML5, CSS3임HTML5에서 추가된 내용canvas 기능 추가태그는 자바스크립트를 통해 다양한 그림을 그릴 수 있는 공간을 제공해줌해상도 독립적으로 SVG 그래픽을 활용하고 있어서 그래프를 그리거나 게임 그래픽이나 다른 기타 이미지를 실시간으로 그려서 사용할 수 있는 기능을 제공WebGL과 같은 3d..

[HTML] DOCTYPE

1. DOCTYPE 란DOCTYPEHTML이 어떤 버전으로 작성되었는지 미리 선언해, 웹브라우저가 내용을 올바로 표시할 수 있도록 해주는 것쉽게 말하자면 문서형식을 정의해주는 것임 2. meta 태그란meta 태그HTML 문서가 어떤 내용을 담고 있고, 키워드는 무엇이며, 누가 만들었는지에 대한 정보를 담고 있는 태그https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML 같은 페이지나, CSS의 링크(HTML 컨텐츠를 CSS로 스타일링하기를 원한다면), 파비콘(favicon), 그리고 다른 메타데이터(작성" data-og-host="developer.mozilla.org" data-og-s..