목록JavaScript (21)
상추의 IT저장소
자바스크립트에서 length 속성은 다음과 같은 세가지 용도로 사용된다.1. 문자열의 길이를 반환2. 배열의 길이를 반환3. 유사 배열 객체의 길이를 반환 1. 문자열의 길이를 반환 문자열에서 length 속성은 문자열에 포함된 문자의 개수를 반환한다.const greeting = "환영합니다. 반값습니다!";console.log(greeting.length); // 13const emptyStr = "";console.log(emptyStr.length); // 0 2. 배열의 길이를 반환배열에서 length 속성은 배열에 포함된 요소의 개수를 반환한다.const fruits = ["apple", "orange", "banana"];console.log(fruits.length); // 3const e..
instanceof 란? - instanceof는 비교 연산자로 결과로 true/false를 리턴한다. - instanceof 연산자를 사용하면 객체가 특정 클래스에 속하는지 아닌지를 확인할 수 있다. - instanceof 는 상속 관계도 확인해준다. 예시)) class Animal {} let rabbit = new Animal(); console.log(rabbit instanceof Animal); // true - Array와 같은 내장클래스에도 사용 가능하다. let arr = [1,2,3]; console.log(arr instanceof Array); // true console.log(arr instanceof Object); // true 참조 : https://ko.javascript..
타입스크립트란? 타입스크립트는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 자바스크립트의 슈퍼셋이기 때문에 자바스크립트로 작성된 프로그램이 타입스크립트 프로그램으로도 동작한다. 타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있다. 타입스크립트 사용이유 에러를 예방해준다 : type을 미리 부여하기 때문에 코드 작성시에 알맞지 않은 타입을 사용하거나 타입을 넣지 않았을 경우 실행 전에 오류를 확인할 수 있다. 실행속도 : 자바스크립트는 런타임시에 오류 확인이 가능하지만, 타입스크립트를 사용하면 미리 타입 검사를 진행하기 때문에 실행시 컴퓨터의 작업이 줄어들어 실행 속도가 빨라진다. 안전성 : 자바스크립트는 실행 중에 버그를 찾기 때문에 테스트 ..
slice() slice() 메소드는 begin 부터 end 전까지의 복사본을 새로운 배열 객체로 반환한다.(원본 배열은 수정되지 않는다.) 사용법 slice(start, end) start : 추출 시작점에 대한 인덱스 undefined인 경우 : 0부터 slice 음수를 지정한 경우 : 배열의 끝에서부터의 길이를 나타낸다. slice(-2)를 하면 배열의 마지막 2개의 요소를 추출 배열의 길이와 같거나 큰 수를 지정한 경우 : 빈 배열을 반환한다. end : 추출을 종료할 기준 인덱스. (end를 제외하고 그 전까지의 요소만 추출한다.) 지정하지 않을 경우 : 배열의 끝까지 slice 음수를 지정한 경우 : 배열의 끝에서부터의 길이를 나타낸다. slice(2 ,-1)을 하면 세번째 부터 끝까지 추출 ..
Express.js 란? - 웹서버를 생성하는 것과 관련된 기능을 담당하는 프레임워크 - http모듈 이용시에 단점을 보완하기 위해 express 프레임워크가 나옴 Express로 웹서버 생성 예제 const express = require('express'); const app = express(); const port = 8080; app.get('/',(req,res) => { res.send("hello World!"); }) app.listen(port, () => { console.log(`포트 : ${port}`) });
OS 모듈이란? Node.js 내장 모듈중 'os'는 Operationg System 의 약자로서 운영체제와 시스템의 정보를 가져올 수 있는 모듈이다. 자주 쓰는 OS 모듈 정리 // require 함수를 통해 모듈을 import 한다. const os = require('os'); // 호스트이름(컴퓨터 이름) console.log("Hostname : " + os.hostname()); // 운영체제 이름 console.log("운영체제 이름 : " + os.type()); // 운영체제 플랫폼 console.log('운영체제 플랫폼 : ' + os.platform()); // 운영체제 버전 console.log('운영체제 버전 : ' + os.release()); // 운영체제 아키텍쳐 consol..
Scope - 유효범위 - 프로그래밍언어에서 스코프란 매개변수를 참조할 수 있는 유효범위 즉, 어느 범위까지 참조하는 지를 뜻한다. - 자바스크립트의 유효범위의 종류에는 크게 두가지가 있다. 전역 스코프(Global scope) : 스크립트 전체에서 참조되는 것을 의미하며, 어느 곳에서든 참조 된다. 지역 스코프(Local scope) : 정의된 함수 내에서만 참조되는 것을 의미하며, 밖에서는 참조 되지 않는다. 예시 >> var x = "global x"; var y = "global y"; function outer() { var z = "outer's local z"; console.log(x); console.log(y); console.log(z); function inner() { var x ..
실행컨텍스트란? - 자바스크립트 코드가 실행되고 연산되는 범위를 나타내는 추상적인 개념이다. - 실행컨텍스트는 소스코드를 실행하는 데 필요한 환경을 제공하고 코드의 실행 결과를 실제로 관리하는 영역이다. - 실행컨텍스트는 식별자(변수, 함수, 클래스 등의 이름)를 등록하고 관리하는 스코프와 코드 실행 순서 관리를 구현한 내부 매커니즘으로, 모든 코드는 실행 컨텍스트를 통해 실행되고 관리된다. - 식별자와 스코프는 실행 컨텍스트의 렉시컬 환경으로 관리하고 코드 실행 순서는 실행컨텍스트의 스택 으로 관리한다. 실행 컨텍스트 스택 - 자바스크립트 엔진은 먼저 전역코드를 평가하여 전역 실행컨텍스트를 생성한다. 그리고 함수가 호출되면 함수 코드를 평가하여 함수 실행 컨텍스트를 생성한다. 이때, 생성된 실행 컨텍스..