JavaScript204 [JavaScript]const와 Object.freeze()의 차이 이번 포스팅에서는 const와 Object.freeze()의 차이를 소개합니다. 목차 개요 const Object.freeze() 개요 ES6은 출시 이후 몇 가지 새로운 기능과 함수를 JavaScript에 도입했습니다. 새로운 기능 중에는 Object.freeze() 함수와 const가 존재합니다. Object.freeze() 함수와 const는 비슷한 특징을 가지고 있지만, 완전히 다르게 동작합니다. const const 키워드로 생성된 변수는 값을 재할당할 수 없습니다. const 키워드로 생성된 상수 변수에 값을 재할당하려고 하면 TypeError가 발생합니다. Object.freeze() freeze는 "얼리다"라는 의미로 freeze() 함수는 "객체를 동결하기 위한 함수"입니다. 불변 객체와.. JavaScript/JavaScript 문법 2021. 11. 8. [JavaScript]캐시(Cache) 사용 방법 이번 포스팅에서는 JavaScript에서 캐시(Cache) API를 사용하는 방법을 소개합니다. 목차 Cache 란 Cache API 정리 Cache 란? 캐시는 데이터나 값을 미리 복사해 놓는 임시 저장소입니다. 캐시에 데이터를 미리 복사해 놓으면 계산이나 접근 시간 없이 더 빠른 속도로 데이터에 접근할 수 있습니다. 캐시는 웹에도 존재하며, 웹 캐시(web cache) 또는 HTTP 캐시(HTTP cache)라고 말합니다. 웹 캐시에는 서버-클라이언트 통신간 발생하는 정적 자산(HTML pages, CSS, JavaScript files, images, JSON 등)을 웹 캐시에 복사합니다. 캐시 API를 활용하면, 웹 캐시에 복사된 정적 자산들을 제어할 수 있습니다. 캐시 확인 window에서 ca.. JavaScript/JavaScript 문법 2021. 11. 8. [JavaScript]숫자 포맷 설정 JavaScript에서 숫자에 콤마 또는 포맷을 설정하는 방법을 소개합니다. 목차 Intl.NumberFormat 함수 toLocaleString 함수 참고 Intl.NumberFormat 함수 Intl.NumberFormat 함수는 숫자의 형식을 설정하는 함수로 지정된 지역의 통화 또는 백분율을 표시하는데 사용할 수 있습니다. Intl.NumberFormat 함수의 형식은 다음과 같으며, 지역을 설정하는 첫 번째 매개변수(locales)와 숫자를 다양하게 표현할 수 있는 두 번째 매개변수(options)가 존재합니다. new Intl.NumberFormat([locales[, options]]); locales(생략 가능) - 지역을 설정할 수 있습니다. - 'en-IN', 'ja-JP', 'en-US.. JavaScript/JavaScript 문법 2021. 11. 1. [JavaScript]==, === 차이 JavaScript에서 값을 비교하기 위해 == 연산자와 === 연산자를 사용합니다. 두 연산자는 값이 일치하면 true를 반환하며, 값이 일치하지 않으면 false를 반환합니다. 이번 포스팅에서는 == 연산자와 === 연산자에 대해 정리합니다. 목차 == 연산자 === 연산자 == 연산자 JavaScript는 타입 변환에 대해 유연하게 동작합니다. == 연산자는 두 피연산자의 값의 타입이 다를 경우 자동으로 일부 피연산자의 타입을 변환 후 값을 비교합니다. 타입을 비교하지 않으므로 === 연산자에 비해 느슨하다고 할 수 있습니다. 10 == 10 // true 10 == '10' // true true == 1 // true true == '1' // true true == 'true' // false.. JavaScript/JavaScript 문법 2021. 8. 25. [JavaScript]타입 확인 방법 JavaScript는 타입을 유연하게 처리할 수 있는 프로그래밍 언어입니다. 그래서 변수에 어떠한 값이 할당될지 예상하기가 어렵습니다. 이번 포스팅은 JavaScript에서 타입을 체크하는 3가지 방법인 typeof, instanceof, Object.prototype.toString을 정리합니다. 목차 typoeof instanceof Object.prototype.toString typeof typeof 연산자는 우측 피연산자의 타입을 문자열로 반환합니다. typeof 1 // "number" typeof 'code' // "string" typeof undefined // "undefined" typeof function () {console.log('code')} // "function" type.. JavaScript/JavaScript 문법 2021. 8. 20. [JavaScript]특정 문자열을 제거하는 4가지 방법 JavaScript에서 특정 문자열을 제거하는 4가지 유용한 방법을 소개합니다. substr(), substring(), slice(), replace() 4가지 함수를 사용하여 문자열을 제거할 수 있습니다. replace() 함수는 문자열을 대체하는 기능을 가졌지만, 특정 문자열을 빈 값('')으로 대체함으로써 제거하는 방법처럼 사용할 수 있습니다. 이번 포스팅은 위에서 소개한 4가지 함수 사용 방법을 정리하였습니다. substr() 함수를 사용하여 길이만큼 문자열을 추출 substr() 함수는 특정 위치에서 시작하여 길이만큼 문자열을 반환합니다. str.substr(start, length) start - 추출하고자 하는 문자열의 시작 위치입니다. - 음수일 경우 시작 위치는 문자열의 길이 + sta.. JavaScript/JavaScript 문법 2021. 8. 19. [JavaScript]동일한 문자열 반복해서 붙이기 JavaScript에서 동일한 문자열을 반복해서 붙여야 하는 경우 반복문을 사용하지 않고 처리할 수 있습니다. 문자열의 repeat 함수와 배열의 fill 함수를 응용하는 방법이 있습니다. 이번 포스팅은 repeat 함수와 fill 함수를 사용하여 동일한 문자열을 반복해서 붙이는 방법을 정리합니다. 목차 반복문 사용 repeat 함수 사용 fill 함수 사용 반복문 사용 지정된 횟수만큼 loop를 반복하여 동일한 문자열을 붙입니다. var str = 'ABC'; var count = 4; var resultString = ''; for(var loop = 0; loop < count; loop++) { resultString += str; } console.log(resultString); // ABCA.. JavaScript/JavaScript 문법 2021. 8. 19. [JavaScript]문자열 공백 제거 방법 JavaScript에서 문자열의 공백을 제거하는 방법은 다양합니다. 이번 포스팅에서는 replace, trim, split, join 함수를 활용하여 문자열의 공백을 제거하는 다양한 방법을 정리합니다. 목차 trim 함수를 사용하여 문자열 앞뒤 공백을 제거 정규식과 replace 함수를 사용 split 함수와 join 함수를 사용 trim 함수를 사용하여 문자열 앞뒤 공백을 제거 trim 함수를 사용하여 문자열 앞뒤 공백을 제거합니다. 문자열 내부의 공백은 제거 불가능합니다. var str = ' a b c '; var strTrim = str.trim(); console.log(str.length); // 8 console.log(strTrim); // a b c console.log(strTrim.l.. JavaScript/JavaScript 문법 2021. 8. 19. [JavaScript]객체에 프로퍼티가 존재하는지 체크하는 방법 JavaScript의 in 연산자는 프로퍼티가 객체에 존재하는지 체크하는 연산자입니다. 사용 방법은 심플합니다. 좌변의 피연산자는 존재유뮤를 체크할 프로퍼티 이름을 문자열(혹은 문자열로 변환이 가능한 값)로 받습니다. 우변의 피연산자는 객체 또는 배열이 올 수 있습니다. 프로퍼티명 in 객체명 프로퍼티가 객체에 존재하면 true를 반환하며, 존재하지 않을 경우 false를 반환합니다. 객체가 존재하지 않는 경우에는 에러가 발생합니다. 이번 포스팅에서는 in 연산자 사용 방법을 정리합니다. 목차 배열의 프로퍼티를 체크 객체의 프로퍼티를 체크 사용자가 정의한 객체의 프로퍼티를 체크 Html 요소에 프로퍼티가 존재하는지 체크 배열의 프로퍼티를 체크 var arr = ['A', 'B', 'C']; // 0을 문.. JavaScript/JavaScript 문법 2021. 8. 19. [JavaScript]문자열에서 특정 문자열 포함 여부 확인 JavaScript에서 문자열이 특정 문자열을 포함하는지 확인하는 방법에 대해 소개합니다. 방법이 다양하므로 로직에 적합한 함수를 사용하면 되겠습니다. ※ 함수의 성능은 브라우저마다 다릅니다. ECMAScript 6부터 지원하는 includes 함수 includes 함수는 ECMAScript 6부터 지원하므로 일부 환경에서는 실행이 안될 수 있습니다. 특정 문자열이 존재하면 true를 반환하며, 존재하지 않으면 false를 반환합니다. str.includes(searchString[, position]) searchString - 검색하고자 하는 문자열입니다. position - 검색 시작 위치이며, 생략할 경우 시작 위치는 0으로 설정됩니다. includes 함수는 대소문자를 구분합니다. var str.. JavaScript/JavaScript 문법 2021. 8. 17. [JavaScript]Map 객체 Map 객체는 ECMAScript 6부터 도입된 JavaScript 객체입니다. Map 객체는 [키, 값] 형태의 값을 가지는 객체입니다. 키는 Map 객체에서 고유해야 하며, 값은 변경 가능합니다. 이번 포스팅에서는 Map 객체의 사용 방법을 정리합니다. 목차 Map 객체 생성 방법 Object와 Map 비교 Map 객체 다루기(요소의 개수, 추가, 삭제) Map 객체의 요소를 반복문으로 접근하기 Map 객체 생성 방법 빈 Map 객체를 생성합니다. var mapObject = new Map(); [키, 값] 형태의 중첩 배열을 전달하여 Map 객체를 생성하는 방법입니다. var mapObject = new Map([ ['A', 'valueA'], ['B', 'valueB'], ['C', 'valueC.. JavaScript/JavaScript 문법 2021. 8. 17. [JavaScript]배열에서 특정 조건을 만족하는지 체크하는 some 함수 JavaScript에서 some 함수는 배열의 요소를 순차적으로 순회하면서 특정 조건을 만족하는지 체크합니다. 만족하는 요소가 하나라도 있을 경우 true를 그 외에는 false를 반환합니다. 목차 some 함수 구문 및 매개변수 some 함수의 특징 배열 요소에서 10보다 큰 값이 있는지 체크 callback 함수를 화살표 함수로 사용 some 함수 구문 및 매개변수 arr.some(callback(element, index, array), thisArg) arr - 순회하고자 하는 배열 element - 현재 배열의 요소 index(생략 가능) - 현재 배열 요소의 index array(생략 가능) - some 함수를 호출한 배열 thisArg(생략 가능) - callback 함수를 실행할 때, th.. JavaScript/JavaScript 문법 2021. 8. 17. 이전 1 ··· 11 12 13 14 15 16 17 다음