JAEJAE imojeomo

[JS] 자바스크립트란

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

[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..

[React] 리액트 기술 면접 핸드북 VI - SPA, SSR, SEO etc.

1. SPA2. SSR3. SEO1. SPA란 ⭐️SPASingle Page Application의 약어로, 한 개의 페이지로 이루어진 애플리케이션이라는 의미전통적인 웹 페이지는 여러 페이지로 구성되어 있는데, 사용자가 다른 페이지로 이동할 때마다 새로운 html을 받아 오고, 페이지를 로딩할 때마다 서버에서 리소스를 전달받아 해석한 뒤 화면에 보여줌사용자에게 보이는 화면은 서버 측에서 준비했단 말씀! 사전에 html 파일을 만들어서 제공하거나, 데이터에 따라 유동적인 html을 생성해주는 템플릿 엔진을 사용하기도 했음하지만!! 요즘엔 웹에서 제공되는 정보가 너무 많기 때문에 새로운 화면을 보여 주어야 할 때마다 서버 측에서 모든 뷰를 준비하면 성능이 엄청 떨어질 수 있음(트래픽이 너무 많이 나온다거나,..