javascript16 자바스크립트 웹 브라우저 제어 웹브라우저 제어 주로 자바스크립트를 통해 이루어지며 웹 페이지의 동적 변경 , 사용자와의 상호작용처리 , 웹페이지의 요소조작 수행 DOM 조작 DOM 이란? Document Object Model의 약자로 문서 객체 모델 즉 , 웹 페이지 ( HTML or XML 문서)의 콘텐츠 및 구조, 그리고 스타일 요소를 구조화 시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스이다. 자바스크립트 같은 스크립팅 언어가 쉽게 웹 페이지에 접근하여 조작할 수 있게끔 연결시켜주는 역할을 담당하고있다. DOM 요소의 생성 방식 웹 페에지의 객체 지향 표현방식으로 웹 페이지 구조를 트리형태로 나타내며 자바스크립트를 통해 DOM 요소를 선택,추가,수정 ,삭제 할 수.. 2024. 2. 17. 데이터 타입 vs 참조 타입 데이터 타입 (data type) 프로그래밍에서 데이터 타입 (data type)은 변수나 데이터가 가질 수 있는 값의 종류를 말한다. 문자열 (string)과 숫자(Number)은 가장 기본적인 데이터 타입이다. 이들은 데이터를 처리하고 계산하며 정보를 표현하는데 핵심적인 역할을 한다. 데이터 타입은 크게 기본타입과 참조 타입으로 나눌 수 있다. 기본타입 ( Primitive Types) 문자열 (String) 텍스트 정보를 나타내기위해 사용하며 글자,단어,문장 또는 그 이상의 텍스트를 포함할 수 있다 보통 (' ') 따옴표 혹은 (" " ) 쌍 따옴표로 둘러싸여 표현하며 , 프로그래밍 언어에 따라 추가,삭제,대체,분할등 여러가지 방법으로 조작가능 //변수 선언 let greeting = "안녕하세요".. 2024. 2. 16. javascript 이벤트 이벤트 (Event) 사용자가 웹 페이지와 상호작용할때 발생하는것이다. 예를들어 클릭 , 키보드 입력, 마우스이동 등이 있다. 자바스크립트를 사용하여 이러한 이벤트를 감지하고 그에 따라 특정 작업을 수행할 수 있도록 할 수 있다. 이를 통해 정적인 HTML 웹 페이지를 동적이고 상호작용적인 경험으로 변경시킬 수 있다. 이벤트 속성 onclick : 요소를 클릭했을때 발생하는 이벤트, 버튼 클릭이나 링크 클릭등 사용됨 Click Me onchange: 입력 필드의 내용이 변경되었을때 발생하는 이벤트 ,, 와 같은 폼 요소에서 사용자의 입력이 변경되었을때 반응함 이벤트 리스너 (Event Listeners) 특정 이벤트가 발생할때마다 호출되어야하는 자바스크립트 함수 웹 개발에서는 이벤트 리스너를 사용하면 사.. 2024. 2. 16. script 태그의 이해 2 앞에서 살펴봤었던 외부 파일을 참조한 자바스크립트에대해 좀 더 살펴 보겠다. 외부 링크를 참조할때 스크립트 로딩 방식을 제어하는 속성을 사용한다. 이 종류에는 2가지가 있다 1. async 와 2.defer 속성이다. 주로 defer 속성을 더 많이 사용하지만 알아둬서 나쁠 건 없으니 2가지 모두 소개해보겠다 1.async 속성 html 문서가 파싱 될때 스크립트 파일이 비동기적으로 로드 되도록 한다. 이는 스크립트 로딩이 html 문서의 파싱 과정을 방해하지 않음을 의미한다 async 속성이 사용된 스크립트는 로딩이 완료되는대로 즉시 실행하며 스크립트 실행 순서가 보장되지 않음을 의미한다. 따라서 서로에게 의존하지 않는 독립적인 스크립트에 적합함 좀 더 쉽게 설명해보자면 async 속성은 여러 사람과 .. 2024. 2. 16. 이전 1 2 3 다음
