차곡차곡

데이터 타입 (data type) 프로그래밍에서 데이터 타입 (data type)은 변수나 데이터가 가질 수 있는 값의 종류를 말한다. 문자열 (string)과 숫자(Number)은 가장 기본적인 데이터 타입이다. 이들은 데이터를 처리하고 계산하며 정보를 표현하는데 핵심적인 역할을 한다. 데이터 타입은 크게 기본타입과 참조 타입으로 나눌 수 있다. 기본타입 ( Primitive Types) 문자열 (String) 텍스트 정보를 나타내기위해 사용하며 글자,단어,문장 또는 그 이상의 텍스트를 포함할 수 있다 보통 (' ') 따옴표 혹은 (" " ) 쌍 따옴표로 둘러싸여 표현하며 , 프로그래밍 언어에 따라 추가,삭제,대체,분할등 여러가지 방법으로 조작가능 //변수 선언 let greeting = "안녕하세요"..

이벤트 (Event) 사용자가 웹 페이지와 상호작용할때 발생하는것이다. 예를들어 클릭 , 키보드 입력, 마우스이동 등이 있다. 자바스크립트를 사용하여 이러한 이벤트를 감지하고 그에 따라 특정 작업을 수행할 수 있도록 할 수 있다. 이를 통해 정적인 HTML 웹 페이지를 동적이고 상호작용적인 경험으로 변경시킬 수 있다. 이벤트 속성 onclick : 요소를 클릭했을때 발생하는 이벤트, 버튼 클릭이나 링크 클릭등 사용됨 Click Me onchange: 입력 필드의 내용이 변경되었을때 발생하는 이벤트 ,, 와 같은 폼 요소에서 사용자의 입력이 변경되었을때 반응함 이벤트 리스너 (Event Listeners) 특정 이벤트가 발생할때마다 호출되어야하는 자바스크립트 함수 웹 개발에서는 이벤트 리스너를 사용하면 사..

앞에서 살펴봤었던 외부 파일을 참조한 자바스크립트에대해 좀 더 살펴 보겠다. 외부 링크를 참조할때 스크립트 로딩 방식을 제어하는 속성을 사용한다. 이 종류에는 2가지가 있다 1. async 와 2.defer 속성이다. 주로 defer 속성을 더 많이 사용하지만 알아둬서 나쁠 건 없으니 2가지 모두 소개해보겠다 1.async 속성 html 문서가 파싱 될때 스크립트 파일이 비동기적으로 로드 되도록 한다. 이는 스크립트 로딩이 html 문서의 파싱 과정을 방해하지 않음을 의미한다 async 속성이 사용된 스크립트는 로딩이 완료되는대로 즉시 실행하며 스크립트 실행 순서가 보장되지 않음을 의미한다. 따라서 서로에게 의존하지 않는 독립적인 스크립트에 적합함 좀 더 쉽게 설명해보자면 async 속성은 여러 사람과 ..

HTML과 JavaScript는 웹 페이지를 동적으로 만드는데 핵심적인 역할을 한다. HTML이란? 웹 페이지의 구조를 정의하는 마크업 언어 JavaScript란? 웹 페이지의 동적 기능을 추가할 수 있는 스크립팅 언어 Script 태그 사용 방법 1. HTML 문서내에 script 태그 사용하기 script 태그의 위치는 페이지 로딩 시간과 사용자 경험에 직접적인 영향을 미친다. 현대 웹 개발에서는 페에지의 로딩 속도를 최적화 하기 위해 html 문서 하단에 script 태그를 배치하는것이 일반적이다. HTML과 JavaScript의 만남 2. 외부 JavaScript 파일 참조하기 'async'와 'defer' 속성을 활용하여 외부 스크립트 파일의 로딩 방식을 제어함으로써 사용자 경험을 향상시킨다. ..