Javascript4 [Javascript 💡] 원시 데이터 타입, 참조 데이터 타입(+ 래퍼 객체) 자바스크립트의 각 데이터 타입은 특정 종류의 값을 나타내며, 변수에 할당될 때 자바스크립트 엔진에서 해당 값을 어떻게 처리할지를 결정함 1. 원시 데이터 타입(Primitive Data Type) 자바스크립트에서 원시 데이터 타입은 값을 단일 단위로 나타내며, 불변(immutable)하다는 특징을 가짐 이러한 원시 데이터 타입들은 값이 복사될 때 메모리에 직접 저장되며, 각각 독립적인 공간을 차지함. 또한 원시 데이터 타입은 불변하므로 값을 변경하려면 새로운 값을 할당해야 함. 예시로, 문자열을 수정하는 경우 원본 문자열은 변경되지 않고, 새로운 문자열이 생성됨 타입 설명 문자열(string) 텍스트 데이터를 나타내며 작은 따옴표(')나 큰 따옴표(")로 감싸진 문자들의 시퀀스 var str = "Hel.. 2023. 12. 30. [Javascript 💡] Javascript 객체, 프로토타입 1. Javascript 객체 자바스크립트는 자바와 달리 클래스 개념을 사용하지 않고, 생성자 함수를 정의하는 형태로 객체를 사용하게 되며, 프로토타입을 활용함 내장 객체 : 내장 객체는 생성자 함수가 미리 정의되어(작성되어) 있는 것 사용자 정의 객체 : 사용자가 이 생성자 함수를 직접 정의하는 것 2. 사용자 정의 객체 객체와 연관된 데이터는 객체가 생성될 때 초기화 되어야 하는데 생성자라고 부르는 특별한 함수가 객체를 활성화하는데 필요함 var arr = new Array(); 생성자로 객체를 생성하기 위해서는 자바와 마찬가지로 new 연산자를 활용 생성자(객체)의 이름은 첫 글자를 대문자로 표기함 생성자 내부에 속성, 함수를 생성하기(정의하기) 위해 this 키워드를 사용 객체의 멤버인 속성과 함.. 2023. 12. 26. [Javascript 💡] document.onload vs window.onload window.onload 과 document.onload 의 차이는 주로 웹 페이지의 로딩 이벤트 처리에 관련이 있으며, 이 두 이벤트는 서로 다른 시점에 발생할 수 있으며 브라우저의 동작에 따라 다를 수 있음 window.onload: window.onload 이벤트는 전체 페이지와 모든 리소스(이미지, 스타일시트, 스크립트 등)가 완전히 로드되고 초기화된 후에 발생함 이 이벤트는 페이지의 모든 요소 및 리소스에 접근할 수 있도록 보장함 따라서 모든 HTML, CSS, 이미지, 스크립트 등이 로드된 이후에 실행되기 때문에, 보다 안전하게 페이지 초기화 및 스크립트 로직을 실행할 수 있음 document.onload: 반면에 document.onload 이벤트는 초기 HTML 문서의 로딩이 완료된 후에 .. 2023. 12. 25. [Javascript] Chapter 1. Javascript 개요 및 기본문법 1. 개요 컴파일 과정이 필요없거나 처리 과정이 적은 프로그램에 유리한 스크립트 언어로 다른 언어에 비해 소스 코드의 수정 및 유지보수가 간편한 편이며, HTML 코딩에서 자바스크립트 소스의 명시만으로 웹 브라우저가 자동 실행함 자바 스크립트는 웹 페이지에서 가장 많이 사용되는 스크립팅(Scripting) 언어임 특히 자바스크립트는 서버 스크립팅(Server Scripting) 언어와 연동되어 입력란에 입력한 값이 제대로 된 값인지의 여부 등을 체크하는 상호작용(Interactive)적 요소와 웹 페이지에 동적(Dynamic)인 효과 등을 적용하는 부분에 사용되며 그 밖에도 많은 기능을 사용자가 추가하여 사용하는 매우 중요한 요소라고 할 수 있음 ※ Javascript 는 HTML 문서에 상호작용(Int.. 2023. 12. 21. 이전 1 다음