본문 바로가기

Web/JavaScript12

12. 원시값, 객체값 1. JavaScript에서 데이터를 나타내는 2가지 방법 JavaScript에서 데이터를 나타내는 두 가지 주요 유형이 있습니다.바로 '기본 타입'과 '객체'입니다.  각각의 특징과 차이를 살펴보겠습니다.  기본 타입(Primitive Types):문자열(string), 숫자(number), 부울(boolean), 심볼(symbol), undefined, null이 있습니다.이러한 값들은 메모리 상에 고정된 크기로 저장되며, 불변(immutable)합니다. 즉, 한 번 생성되면 변경할 수 없습니다.프로퍼티나 메서드를 가질 수 없습니다. 즉, 메서드를 호출하거나 프로퍼티에 접근할 수 없습니다.객체(Object):객체는 여러 속성(property)을 가질 수 있으며, 이러한 속성은 키와 값의 쌍으로 이루어.. 2024. 4. 18.
11. 이벤트(Event) 1. 이벤트(Event)웹브라우저가 알려주는 HTML 요소에 대한 사건이 발생웹페이지에 사용된 자바스크립트는 발생한 이벤트에 반응하여 특정 동작을 수행자바스크립트는 비동기식 이벤트 중심의 프로그래밍 모델이벤트가 순차적으로 발생하지 않음(파이썬과 다름)                          input type ="button"   onclick   =  "sendit()"   value="확인">                                             --------        --------         --------                                   이벤트 타겟   이벤트 타입    이벤트 리스너               button typ.. 2024. 4. 18.
10. 정규표현식(Regular Expression: Regex) 1. 정규표현식(Regular Expression: Regex)문자열에서 특정 문자 조합을 찾기 위한 패턴 정규표현식 기본표기         script>         / ^ 정규 표현식 패턴 $ /         script>다양한 패턴이 존재함 (참고사이트)https://namu.wiki/w/%EC%A0%95%EA%B7%9C%20%ED%91%9C%ED%98%84%EC%8B%9D HTML _ id칸생성              ID:  input type="text" id="userid" name="userid">            ID_정규표현식              / ^ [ A - Z a - z ] { 4 , 2 0 } $ /   ID 조건예시- 길이는 4자~20자 - 특수문자 X- 한글 X정.. 2024. 4. 16.
09. 문서객체모델, 노드(Node) 1. Document 객체Dom(Document Object Model)HTML문서 혹은 XML문서 등을 접근하기 위한 일종의 인터페이스 역할* XML 문서 : Extensible Markup Language_ 데이터를 저장하고 전송하기 위한 마크업 언어 문서 내의 모든 요소를 정의하고 각각의 요소에 접근하는 방법을 제공웹 페이지 자체(Body)를 의미하는 객체웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때 반드시 document 객체로부터 시작 getElementById(): 해당 아이디의 요소를 선택 (단수객체 저장)getElementsByTagName(): 해당 태그 이름의 요소를 모두 선택 (복수객체저장) ex)p, ankor.... --->배열로 저장getElementsByClassNam.. 2024. 4. 16.
LIST

티스토리툴바