Javascript

대입 연산자, 복합 연산자

대입 연산자 복합 대입 연산자 설명 a = a + b a+=b a + b를 먼저 수행한 후에 a에 값을 저장 a = a - b a-=b a - b를 먼저 수행한 후에 a에 값을 저장 a = a * b a*=b a * b를 먼저 수행한 후에 a에 값을 저장 a = a / b a/=b a / b를 먼저 수행한 후에 a에 값을 저장 a = a % b a%=b a % b를 먼저 수행한 후에 a에 값을 저장 복합 대입 연산자 설명 += 왼쪽의 피연산자에 오른쪽의 피연산자를 더한 후, 왼쪽의 피연산자에 대입함. -= 왼쪽의 피연산자에서 오른쪽의 피연산자를 뺀 후, 왼쪽의 피연산자에 대입함. *= 왼쪽의 피연산자에 오른쪽의 피연산자를 곱한 후, 왼쪽의 피연산자에 대입함. /= 왼쪽의 피연산자를 오른쪽의 피연산자로 나..

2023. 8. 10. 10:36

Javascript

자바스크립트의 자료형

Primitive Type (원시 타입) let number = 12; 한 번에 하나의 값만 가질 수 있음 하나의 고정 저장 공간 이용 Non-Primitive Type (비 원시 타입) let array = [1, 2, 3, 4]; 한 번에 여러개의 값을 가질 수 있음 여러 개의 고정되지 않은 동적 공간 사용

2023. 8. 9. 11:54

Javascript

Template literals

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공합니다. ES2015 사양 명세서에선 template strings라고 불렸습니다. 런타임 시점에 일반 자바스크립트 문자열로 처리/변환됩니다. 프론트엔드에서는 HTML을 데이터와 결합해서 DOM을 다시 그려야 하는 일이 빈번하기 때문에, 템플릿을 좀 더 쉽게 편집하고 작성해야 할 필요가 있어서, 이러한 기능이 추가되었습니다. Syntax `string text` `string text line 1 string text line 2` `string text ${expression} string text` tag `string text ${expression..

2023. 8. 9. 11:54

Javascript

변수와 상수(var, let, const)

var var와 let의 차이점은 scope입니다. var은 funciton 단위의 scope를 가집니다. ES6 이전에 나온 변수 선언 방식입니다. var str="hello"; if(true){ var str2="world"; } console.log(str2); // world 위 코드는 if문 안에서 str2를 선언했지만 if문 밖에서도 변수가 유효한 것을 알 수 있습니다. 또한 같은 이름의 변수를 여러 번 선언하여도 오류가 나지 않습니다. 2. let ES6에서 추가된 변수 선언 방식입니다. let은 {}(block) 단위의 scope를 가집니다. let str='hello'; { let str='world'; console.log(str); //world } console.log(str); /..

2023. 8. 3. 17:12

Javascript

encodeURI(), encodeURIComponent(), decodeURI(), decodeURIComponent()

encodeURI(), encodeURIComponent(), decodeURI(), decodeURIComponent() encodeURI() : 인터넷 주소에서 사용하는 :, ;, /, =, ?, & 등을 제외하고 인코딩하는 함수입니다. encodeURIComponent(): 모든 문자를 인코딩하는 함수입니다. decodeURI() : encodeURI()로 인코딩한 문자열을 디코딩하는 함수입니다. decodeURICompontnet() : encodeURIComponent()로 인코딩한 문자열을 디코딩하는 함수입니다. 문법 encodeURI( uri ) encodeURIComponent( uri ) decodeURI( uri ) decodeURIComponent( uri ) → uri : 인코딩하려..

2023. 8. 3. 09:15

Javascript

JavaScript / 함수 / isNaN() / 매개변수가 숫자인지 검사하는 함수

isNaN() - 매개 변수가 숫자인지 검사하는 함수이다. NaN은 Not a Number입니다. 문법 isNaN( value ) value : 검사할 값을 입력합니다. 매개변수가 숫자가 아니면 true, 숫자이면 false를 반환합니다. 예제 123.123은 숫자이므로 false를 반환합니다. ‘123,123’은 따옴표로 감쌌지만, 숫자로 취급하여 false를 반환힙니다. ‘Not a Number’는 숫자가 아니므로 true를 반환합니다. 123*123은 숫자이므로 false를 반환합니다. ‘123*123’은 따음표 안에 문자가 있으므로 숫자가 아닌 것으로 취급하여 true를 반환합니다.

2023. 8. 2. 15:06