웹 서비스 개발(FB,BE,SERVER,DB)/Javascript5 DOM API 1. DOM(Document Object Model) DOM (Document Object Model)은 웹 브라우저가 HTML 문서를 인식하고 조작하는 방식에 관한 중요한 개념입니다. DOM을 이해하면 웹 페이지의 구조와 동작을 다루는 데 필수적인 지식을 얻을 수 있습니다. DOM의 넓은 의미 웹 브라우저가 HTML을 인식하는 방식: 브라우저는 HTML 문서를 읽고, 이를 해석하여 사용자에게 시각적으로 표현합니다. 이 과정에서 DOM은 HTML 문서의 구조를 브라우저가 이해할 수 있는 형식으로 변환합니다. DOM의 좁은 의미 document 객체와 관련된 객체의 집합: DOM은 HTML 문서 내의 각 요소를 나타내는 객체들의 트리 구조입니다. 이 객체들을 통해 JavaScript는 HTML 요소에 접근.. 웹 서비스 개발(FB,BE,SERVER,DB)/Javascript 2024. 3. 6. 4. 비동기처리 1. JSON JSON (JavaScript Object Notation)은 데이터 교환을 위한 간단하고 경량의 텍스트 기반 구조다. JSON은 읽기 쉬운 key-value 쌍 형식을 사용하여 데이터를 표현한다. 그 주요 특징은 다음과 같다. 1) JavaScript Object Notation (자바스크립트 객체 표기법): JSON은 원래 JavaScript 언어의 객체 표기법을 기반으로 하여 개발되었다. 2) 간단한 데이터 교환 형식: JSON은 서버와 클라이언트 간 또는 시스템 간의 데이터 전송을 위해 사용되며, 그 구조가 간단하고 명확하여 데이터 교환을 쉽게 할 수 있다. 3) 경량 텍스트 기반의 구조: JSON은 텍스트 기반으로, 이는 대부분의 프로그래밍 언어에서 쉽게 읽고 쓸 수 있다는 것을 .. 웹 서비스 개발(FB,BE,SERVER,DB)/Javascript 2024. 3. 6. 3. 함수 1. 함수 1-1. JavaScript의 함수 함수(function)은 프로그램에서 특정 작업을 수행하기 위한 명령문의 집합이다. 함수는 프로그램의 기본 구성 요소 중 하나이며, 코드를 모듈화하고 재사용 가능한 단위로 분리하는 데 사용된다. 1-1-1. 함수의 기본 형태 function functionName(param1, param2) { // 함수의 몸체 (실행될 코드) return returnValue; // 옵션: 값을 반환할 수 있음 } 1) function : 함수를 정의할 때 사용하는 키워드다. 2) functionName : 함수의 이름을 지정한다. 3) param1, param2 : 함수의 매개변수(parameters)로, 함수가 실행될 때 입력값을 받는다. 4) {...} : 함수의 몸.. 웹 서비스 개발(FB,BE,SERVER,DB)/Javascript 2024. 3. 6. 2. 자료형(DataType) 1. 변수 1-1. var 1) ECMAScript 초기 버전부터 사용 : var는 자바 스크립트 초기부터 존재하는 변수 선언 방식이다. 2) 함수 레벨 스코프 : var로 선언된 변수는 가장 가까운 함수의 스코프에 속하며, 함수 밖에서 선언된 경우 전역 스코프에 속한다. function myFunction() { var insideVar = "Hello"; console.log(insideVar); // 함수 내부에서 접근 가능 } myFunction(); console.log(insideVar); // ReferenceError: insideVar is not defined var outsideVar = "Hi"; function myFunction() { console.log(outsideVar);.. 웹 서비스 개발(FB,BE,SERVER,DB)/Javascript 2024. 3. 6. 1. JavaScript 1. JavaScript 1-1. 자바스크립트란 자바스크립트(JavaScript)는 웹 페이지를 동적이고 상호작용적으로 만들기 위해 사용되는 프로그래밍 언어이다. 처음에는 단순히 웹 브라우저 내에서 사용자 인터페이스를 개선하기 위한 목적으로 개발되었지만, 현재는 웹의 핵심 기술중 하나로 자리 잡았으며, 웹 개발뿐만 아니라 서버사이드 개발, 모바일 애플리케이션 개발, 그리고 게임 개발 등 다양한 분야에서 널리 사용된다. 1-1-1. 자바스크립트 주요 특징 1. 인터프리터 언어 : 자바스크립트는 컴파일 과정 없이 브라우저가 직접 해석하고 실행하는 인터프리터 언어이다. 2. 클라이언트 사이드 스크립트 : 대부분의 자바스크립트 코드는 사용자의 웹 브라우저에서 실행된다. 이를 통해 페이지의 동적인 동작을 구현할 .. 웹 서비스 개발(FB,BE,SERVER,DB)/Javascript 2024. 3. 4. 이전 1 다음 728x90