JS5 [JavaScript] 화면출력 함수 document.write(), with(document){}, alert(), confirm(), prompt(), console.log() JavaScript 데이터 출력JavaScript를 사용하면 웹 페이지에 동적으로 내용을 추가하거나 변경할 수 있습니다. 다양한 방법으로 사용자에게 정보를 제공하는 방법을 소개합니다. document.write()with(document){}alert()confirm()prompt()console.log()👉 document.write()document.write() 메서드는 HTML 페이지가 로드될 때 직접 문서에 문자열을 쓰는 데 사용됩니다.document객체로써 document는 웹 문서를 의미한다. 웹페이지에 존재하는 HTML요소에 접근하고자 할때는 반드시 Document 객체를 사용해야한다. 📝 document.write() 형태document.write("Hello, World!"); 사.. 2024. 6. 7. [JavaScript] 자바스크립트 형변환(Type Casting) - 자동, 강제 형변환 형 변환 (타입 변환 : Type Conversion)JavaScript는 자동으로 자료형 변환 기능을 제공합니다.숫자를 문자로 변환하거나, 문자를 숫자로 변환하는 것을 의미합니다.자바스크립트는 타입 검사가 매우 유연한 언어입니다.자바스크립트의 변수는 타입이 정해져 있지 않으며, 같은 변수에 다른 타입의 값을 다시 대입할 수도 있습니다.형 변환 종류형 변환은 암시적 형변환과 명시적 형변환이 있습니다.암시적 형변환 (자동 형변환 - Type Promotion)명시적 형변환 (강제 형변환 - Type Casting)👉 자동 형변환- 다른 타입의 값이 오면, 자동으로 타입을 변환하여 사용 - 자바스크립트는 자동 형변환이 자주 이용- 작은 크기의 데이터 타입을 큰 크기의 데이터 타입으로 변환하는 행위를 말한다.. 2024. 6. 5. [JavaScript] 자바스크립트 데이터 타입(Data Type) - 자료형/Array/Object ✍️ Summary자료형설명기본형number (숫자)따옴표 없이 표기한 숫자를 나타냅니다.string (문자열)작은따옴표(')나 큰따옴표(")로 묶어 나타낸 문자의 집합입니다.boolean (논리형)참(true)과 거짓(false)으로 표현할 수 있는 유형입니다.undefined자료형을 지정하지 않았을 때의 유형입니다.변수를 선언하고 값을 정의하지 않으면 undifined가 됩니다.null값이 유효하지 않을 때의 유형입니다.복합형array (배열)하나의 변수에 여러 값을 저장하는 유형입니다.object (객체)함수와 속성이 함께 포함된 유형입니다.기본형Number - 숫자 자료형입니다. - 자바스크립트에서는 정수, 실수를 구분하지 않습니다. (정확히는 정수만을 위한 자료형이 없습니다.) 📝 Numb.. 2024. 6. 4. [JavaScript] 자바스크립트 클로저(Closure)란? 클로저의 의미클로저는 여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특성입니다. 자바스크립트 고유의 개념이 아니라서 ECMAScript 명세에서도 클로저의 정의를 다루지 있습니다. 더구나 클로저를 설명하는 문장 자체도 이해하기 어려운 경우가 많습니다.클로저는 실행 컨텍스트의 스코프 체인과 깊은 관련이 있습니다.어떤 컨텍스트 A에서 선언한 내부함수 B의 실행 컨텍스트가 활성화된 시점에는 B의 outerEnvironmentReference가 참조하는 대상인 A의 LexicalEnvironment에도 접근이 가능하겠죠. A에서는 B에서 선언한 변수에 접근할 수 없지만 B에서는 A에서 선언한 변수에 접근 가능합니다. 이 부분이 바로 클로저를 관통하는 개념입니다.클로저의 원리inner 함수의 실행 시점에서 o.. 2023. 3. 10. [JavaScript] 자바스크립트 스코프(Scope) 원문 : ⚡️⛓ JavaScript Visualized: Scope스코프 체인을 위한 시간입니다 🕺이 포스트는 JS의 실행 컨텍스트에 대한 기본적인 이해를 하고 있다고 가정합니다. 곧 그에 대한 글도 작성하겠습니다.😃다음 코드를 살펴보죠!이름, 나이, 도시값 변수를 포함한 문자열을 반환하는 getPersonInfo 함수를 호출합니다.Sarah는 22살이고 샌프란시스코에 삽니다. 하지만, getPersonInfo 함수는 city를 포함하고 있지 않습니다. 🤨? 어떻게 이 함수는 city값을 알고 있을까요?먼저, 메모리 공간은 다른 컨텍스트에 대해 설정됩니다. 우리는 기본적으로 global context(브라우저의 window, 노드의 global)과우리가 호출한 getPersonInfo함수에 대한 l.. 2023. 3. 10. 이전 1 다음 728x90 반응형
