TIL#27

동적html과 정적html의 차이는?

• 정적 HTML: 정적 HTML은 서버에 미리 작성되고 저장된 HTML 파일을 클라이언트로 전송하는 방식입니다. 사용자가 웹 페이지를 요청할 때마다 동일한 내용의 HTML이 전송됩니다. 변경이 필요한 경우, 서버 측에서 HTML 파일을 수정하고 다시 전송해야 합니다.

• 동적 HTML: 동적 HTML은 클라이언트의 요청에 따라 서버에서 동적으로 생성되는 HTML입니다. 서버는 사용자의 요청을 처리하고 필요한 데이터를 포함한 HTML을 생성하여 클라이언트로 전송합니다. 사용자의 동작이나 다양한 상황에 따라 다른 내용을 제공할 수 있습니다. 동적 HTML은 서버 측에서 스크립트 언어를 사용하여 생성되며, 일반적으로 서버 측 스크립트 언어(예: PHP, Node.js)와 함께 사용됩니다.

window 객체와 document 객체에 대하여 설명하시오.

• Window 객체: Window 객체는 브라우저 창을 나타냅니다. 웹 페이지를 로드할 때 브라우저는 전역적인 Window 객체를 생성하고, 이 객체는 모든 자바스크립트 코드에서 참조할 수 있습니다. Window 객체는 브라우저 창의 속성과 메서드에 대한 접근을 제공합니다. 예를 들어, 브라우저 창의 크기 조정, 새 창 열기, 타이머 설정 등의 작업을 수행할 수 있습니다.

• Document 객체: Document 객체는 현재 로드된 웹 페이지를 나타냅니다. Window 객체의 속성으로서 Document 객체에 접근할 수 있습니다. Document 객체는 웹 페이지의 요소(HTML 요소)에 접근하고 조작할 수 있는 메서드와 속성을 제공합니다. 예를 들어, 특정 요소를 선택하거나 변경된 내용을 추가하는 등의 작업을 할 수 있습니다. Document 객체는 DOM(Document Object Model)의 일부이며, 웹 페이지의 구조를 표현하는 트리 형태로 요소를 조작할 수 있습니다.

자바스크립트에서 데이터 타입 종류는?

자바스크립트에는 크게 7가지의 데이터 타입이 있습니다.

• 원시 타입 (Primitive Type)
  - 숫자 (Number)
  - 문자열 (String)
  - 불리언 (Boolean)
  - null
  - undefined
  - symbol
• 객체 타입 (Object Type)
  - 배열 (Array)
  - 객체 (Object)
  원시 타입은 값을 저장하는 타입이며, 객체 타입은 값과 속성을 저장하는 타입입니다.

//원시 타입
숫자 : 1, 2, 3, 4, 5, 6, 7, 8, 9, 0
문자열 : "Hello World!", "안녕하세요!"
불리언 : true, false
null : 값이 없는 상태
undefined : 값이 정의되지 않은 상태
symbol : 고유한 값을 저장하는 타입
// 객체 타입
배열 : 숫자, 문자열, 불리언, null, undefined, symbol, 객체를 저장하는 자료 구조
객체 : 값과 속성을 저장하는 자료 구조

자바 배열과 자바스크립트 배열의 차이는?

특징	자바	자바스크립트
저장 가능한 자료형	숫자, 문자열, 불리언, 참조 자료형	숫자, 문자열, 불리언, 참조 자료형
배열 크기	고정	가변
배열 인덱스	0부터 시작	0부터 시작
배열 생성	new int[] {1, 2, 3}	[1, 2, 3]
배열 요소 접근	arr[0]	arr[0]
배열 요소 추가	arr.add(4)	arr.push(4)
배열 요소 삭제	arr.remove(0)	arr.shift()

• 자바 배열은 기본적으로 객체입니다. 자바스크립트 배열은 내부적으로도 객체로 구현되었지만, 특별한 동작 및 구문을 가지며 배열처럼 사용할 수 있습니다. 이러한 특징으로 인해 자바스크립트 배열은 객체와 비교했을 때 더 많은 기능을 제공합니다.