반응형 Study/javascript7 [JS] toLocaleString() 날짜와 숫자의 현지화(천단위 콤마) [JS] toLocaleString() 날짜와 숫자의 현지화(천단위 콤마) 자바스크립트 날짜와 숫자의 현지화 ( = 숫자 천단위 콤마 찍기) 숫자타입의 변수에만 콤마(,)를 찍는다. 문자열타입의 숫자는 콤마를 찍지 않으니 참고! // 날짜 데이터 현지화 const date = new Date(); console.log(date) // Thu Jul 06 2023 14:27:17 GMT+0900 (한국 표준시) const localDate = date.toLocaleString(); console.log(localDate) // '2023. 7. 6 오후 2:27:17' // 숫자 타입 현지화(천단위 콤마) const number = 1000 const string_number = '1000' // 숫자타.. 2023. 7. 6. [JS] 모던 자바스크립트 Deep Dive 스터디 - 07장. 연산자(산술 연산자) 내맘대로 정리하고 공부하는 모던 자바스크립트 Deep Dive 스터디 [JS] 모던 자바스크립트 Deep Dive 스터디 - 07장. 연산자(산술 연산자) 07장. 연산자 // 산술 연산자 5 * 4 // 20 // 문자열 연결 연산자 'My name is ' + 'Lee' // 'My name is Lee' // 할당 연산자 color = 'red' // 'red' // 비교 연산자 3 > 5 // false // 논리 연산자 true && false // false // 타입 연산자 typeof 'Hi' // string 7.1 산술 연산자 산술 연산자는 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술 연산이 불가할 경우, NaN을 반환한다. 7.1.1 이항 산술 연산자 2개의 피연산자를 산.. 2023. 5. 15. [JS] 모던 자바스크립트 Deep Dive 스터디 - 06장. 데이터 타입 내맘대로 정리하고 공부하는 모던 자바스크립트 Deep Dive 스터디 [JS] 모던 자바스크립트 Deep Dive 스터디 - 06장. 데이터 타입 06장. 데이터 타입 데이터 타입은 값의 종류를 말한다. JS의 모든 값은 데이터 타입을 갖는다. JS는 7개의 데이터 타입을 제공하며 원시타입과 객체타입으로 나뉜다. 원시타입 숫자(Number) : 숫자, 정수, 실수 구분 없이 하나의 숫자 타입 문자열(String) : 문자열 불리언(Boolan) : 논리적 true / false undefined null : 값이 없음을 의도적으로 명시할 때 Symbol 객체타입 객체, 함수, 배열 6.1 숫자 타입 JS는 하나의 숫자 타입만 존재한다. 모든 수를 실수로 처리 > 정수만을 표현하기 위한 데이터 타입이 별도.. 2023. 5. 10. [JS] 모던 자바스크립트 Deep Dive 스터디 - 05장. 표현식과 문 내맘대로 정리하고 공부하는 모던 자바스크립트 Deep Dive 스터디 [JS] 모던 자바스크립트 Deep Dive 스터디 - 05장. 표현식과 문 05장. 표현식과 문 5.1 값 값이란? 표현식이 평가되어 생선된 결과를 말하고 평가란 식을 해석하여 값을 생성하거나 참조하는 것. 모든 값은 데이터 타입을 가진다. 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석된다. 예) 메모리에 저장된 값 0100 0001은 숫자 타입은 65, 문자 타입에선 A로 해석 된다. 변수는 값을 저장하기 위해 확보한 메모리 공간 or 메모리 공간을 식별하기 위해 붙인 이름으로 변수에 할당되는 것은 값이다. // 10 + 20은 평가되어 숫자 값 30을 생성한다. 10 + 20 // 30 const sum = 10 + 20 .. 2023. 5. 9. [JS] 모던 자바스크립트 Deep Dive 스터디 - 04장. 변수 내맘대로 정리하고 공부하는 모던 자바스크립트 Deep Dive 스터디 (언젠가 완독하겠지 ㅎㅅㅎ..) [JS] 모던 자바스크립트 Deep Dive 스터디 - 04장. 변수 4.1 변수란 무엇인가? 왜 필요한가? 변수란 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는, 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 프로그래밍 언어에서의 변수는 값을 저장하고 참조하는 메커니즘으로, 값의 위치를 가리키는 상징적인 이름이다. //변수는 하나의 값을 저장하기 위한 수단 var userId = 1; var userName = 'Lee'; //📌 객체나 배열같은 자료구조를 사용하면 여러 개의 값을 그룹화하여 하나의 값처럼 사용할 수 있다. var user = { id: 1, name: 'Lee' };.. 2023. 5. 8. [JS ES6] 자바스크립트 new 연산자와 생성자 함수 (Javascript new operator & constructor function) [JS ES6] 자바스크립트 new 연산자와 생성자 함수 (Javascript new operator & constructor function) 자바스크립트로 개발을 하다 보면 유사한 객체를 여러 개 만들어야 할 때가 생기곤 한다. 그럴 때 사용할 수 있는 방법 중 하나가 new 연산자와 생성자 함수이다. 함수를 호출할 때 new 연산자를 함께 사용하면, return문 없이도 객체를 반환시킨다. 호출된 생성자 함수 내에서 this를 사용해 반환되는 객체의 초기 값과 행위를 정의할 수 있다. 1. 생성자 함수(constructor operator) 생성자 함수와 일반 함수에 기술적인 차이는 없다. 하지만 생성자 함수는 두 개의 관례를 따른다. 1. 생성자 함수의 이름 첫글자는 대문자로 시작해야 한다. 2... 2022. 11. 28. [JS ES6] 자바스크립트 구조 분해 할당(Destructuring assignment) [JS ES6] 자바스크립트 구조 분해 할당(Destructuring assignment) 🧐 JS 구조 분해 할당(Destructuring assignment)이란? 개발할 때 키를 가진 데이터 여러 개를 하나에 저장할 땐 객체를, 데이터를 순서대로 저장할 땐 배열을 사용한다. 이 배열과 객체의 전체 또는 일부를 함수로 전달해야 할 때 사용한다. 구조 분해 할당(Destructuring assignment)을 통해 객체나 배열을 '변수'로 분해할 수 있게 도와주는 특별한 문법인 것이다. 1. 배열(Array) 안에 있는 데이터를 변수에 담는 방법 1-1. 기존 방법 // 배열 안에 있던 데이터를 변수에 담는 기존 방법 const arr = [1,2,3]; const a = arr[0]; const b .. 2022. 8. 5. 이전 1 다음 반응형
