류지 프로젝트

1. JSONJSON(JavaScript Object Notation)은 자바스크립트 객체 표기법을 기반으로 한 데이터 교환 형식으로, 사람도 읽기 쉽고 기계도 쉽게 분석하고 생성할 수 있는 텍스트 기반의 데이터 포맷입니다. 일반적으로 서버와 클라이언트 간에 데이터를 주고받을 때 많이 사용되며, 구조는 키-값 쌍으로 이루어진 객체 형태나 배열 형태를 사용합니다. 자바스크립트에서는 JSON.stringify()를 사용해 객체를 JSON 문자열로 변환하고, JSON.parse()를 사용해 JSON 문자열을 다시 객체로 변환할 수 있습니다. 언어에 독립적이면서도 자바스크립트와 호환성이 뛰어나 웹 개발뿐만 아니라 다양한 API 통신, 데이터 저장 및 전송 등에 널리 활용됩니다. 2. JSON 문법 구조1. 객..

프론트엔드/JavaScript 2025. 4. 16. 23:52

1. DOMDOM(Document Object Model)은 웹 페이지의 구조를 자바스크립트에서 프로그래밍적으로 조작할 수 있도록 표현한 객체 모델입니다. HTML 문서를 브라우저가 읽으면 각 요소(태그, 텍스트 등)를 트리 구조로 변환하는데, 이때 생성되는 계층적인 구조가 DOM입니다. DOM은 문서 전체를 document 객체로 표현하며, 그 하위에는 html, head, body, 각종 요소들이 노드 형태로 연결되어 있습니다. 자바스크립트를 사용하면 이 DOM 구조에 접근하여 텍스트를 변경하거나, 요소를 추가/삭제하거나, 스타일을 수정하고, 이벤트를 연결하는 등 웹 페이지를 동적으로 조작할 수 있습니다. 2. Document 객체document 객체는 자바스크립트에서 웹 페이지 전체를 표현하는 최..

프론트엔드/JavaScript 2025. 4. 15. 20:10

1. BOM자바스크립트의 BOM(Browser Object Model)은 웹 브라우저를 제어할 수 있게 해주는 객체 모델로, 웹 페이지 외부의 브라우저 자체와 상호작용할 수 있도록 도와줍니다. BOM의 핵심 객체는 window로, 브라우저 창 자체를 의미하며, 모든 전역 객체와 함수를 포함합니다. 이 window 객체를 통해 alert, setTimeout, console 같은 기능뿐 아니라, location(주소 정보), navigator(브라우저 정보), history(방문 기록), screen(화면 해상도 정보) 등의 하위 객체에 접근할 수 있습니다. BOM은 HTML 문서와 직접적으로 연결되지 않고 브라우저 환경 자체와 관련된 기능을 제공하기 때문에, 자바스크립트를 이용해 페이지를 동적으로 제어하..

프론트엔드/JavaScript 2025. 4. 15. 19:39