학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. 이번 포스팅에서는 DOM에 대해 알아보는 시간을 갖고자 합니다. DOM이란? DOM은 "Document Object Model"의 약어로, HTML 문서의 구조를 나타내고 브라우저와 상호작용하기 위한 프로그래밍 인터페이스입니다. DOM은 웹 페이지의 구조, 스타일 및 내용을 변경할 수 있도록 프로그램에서 HTML 문서 데이터에 액세스할 수 있는 방법을 제공합니다. DOM의 주요 특징은 다음과 같습니다. 객체 지향 표현: DOM은 웹 페이지를 완전한 객체 지향 방식으로 나타냅니다. HTML 문서의 각 요소(element)들은 브라우저에서 로딩되면서 객체화됩니다...
학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. 이번편은 JavaScript:Asynchronous Programming 1편에 이은 2편입니다. 이전 1편을 읽고오시는 것을 추천드립니다. 웹 시스템 개발 #Asynchronous Programming 중급편(1) 학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. Asynchronous(비동기) Programming란? JavaScript에 wlsdn629.tistory.com 이번 포스팅에서는 async function과 await에 대한 설명을 해보고자 합니다..
학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. Asynchronous(비동기) Programming란? JavaScript에서 비동기(asynchronous) 프로그래밍은 중요한 개념 중 하나입니다. 왜냐하면 JavaScript는 기본적으로 단일 스레드(single-threaded)로 동작하기 때문에, 어떤 작업이 시간이 오래 걸린다면 그 작업이 완료될 때까지 다른 작업은 대기해야 때문입니다. 이를 해결하기 위해 자바스크립트에서 비동기 프로그래밍을 사용하게 된 것입니다. 비동기와 이벤트 사용자의 마우스 클릭, 키보드 입력 등과 같은 이벤트는 비동기적으로 발생합니다. 즉, 이러한 이벤트가 언제 일어날지 예측..
학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. JavaScript의 함수(Functions) 함수란 무엇인가요? 함수는 코드의 "재사용성"을 높이고 모듈화를 가능하게 하는 프로그래밍 구조 중 하나입니다. JavaScript에서 함수는 'Single Unit'으로 취급되며, 변수에 할당하거나 다른 함수의 인자로 전달할 수 있습니다. function helloWorld() { console.log("Hello, 세상~!"); } 함수 선언(Function Declaration) Function Invocation은 함수를 일반적인 방법으로 호출하는 것을 의미하며 함수의 이름, 매개변수, 그리고 실행할 코드 블..
학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. CSS란? CSS (Cascading Style Sheets)는 마크업 언어의 문서를 "꾸미기 위한" 스타일시트 언어입니다. 다양한 디자인과 레이아웃을 적용하여 웹 페이지의 외관을 제어(꾸밈)합니다. 외부 스타일 시트 (External Style Sheet) 외부 스타일 시트는 .css 파일에 스타일을 정의하고 HTML 문서에서 참조합니다. 여러 HTML 문서에서 동일한 스타일을 재사용할 수 있습니다. This is a paragraph. Syntax CSS 문법은 선택자(Selector)와 중괄호("{ }") 안에 속성: 값; 형식으로 작성됩니다. p { c..
학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. HTML 배우기 시작~! HTML5란? HTML5는 웹 페이지를 만들기 위한 가장 최신의 웹 기술입니다. HTML5 문서의 기본 구조는 다음과 같습니다. 먼저, 문서의 첫 줄에는 선언이 와야 합니다. 이 선언은 HTML5 문서임을 선언해주는 역할입니다. 다음에는 최상위 요소인 태그가 와야 합니다. 이 태그는 Header 1 Header 2 Header 3 Header 4 Header 5 Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data HyperLink Tag: Descript..