몽땅뚝딱 개발자

함수를 괄호 ()로 호출하는 방법도 있지만 자바스크립트에서는 두 가지 방법(call, apply)을 추가로 제공한다. call, apply는 this를 첫번째 인자로 넘겨 한정할 수 있다. ◽️ call 함수 안에서 값을 this로 한정(여기서는 null)하며 두번째 인수를 펼쳐 전달하지 않고 순서대로 전달한다.const user = { age: 12 } function test() { console.log(this.age) } test.call(age) // 12 ◽️ apply 함수 안에서 값을 this로 한정(여기서는 null)하며 두번째 인수를 펼쳐 함수에 매개변수로 전달한다.function add(a: number, b: number): number { return a+b } add(10, 20..

◽ !! [undefined, "", 0]일 경우 결과는 false이고 그 외의 결과는 true이다. boolean으로 형변환을 하기 위해 사용한다. if (data != undefined && data != "") { // 실행코드 } // 이와 동일하다. if (!!data) { // 실행코드 } 출처 자바스크립트 (JavaScript) 느낌표 두개 (Double Exclamation Marks) 연산자 (Operator),!! 정리하자면 느낌표 두개(!!) 연산자는 확실한 논리결과를 가지기 위해 사용합니다.예를 들어 정의되지 않은 변수 undefined 값을 가진 내용의 논리 연산 시에도 확실한 true / false를 가지도록 하는게 velog.io 개인적으로 공부한 내용을 정리하는 블로그로 잘못..

◽ 세자리마다 콤마(,) 적용 parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') ◽ 소수인 경우 세자리마다 콤마(,) 적용 // 소수점을 기준으로 split const parts = returnTarget.toString().split('.') parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') // 정수만 추출하여 3자리마다 콤마 적용 returnTarget = parts.join('.') 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

◽ 배열 끝에 항목 추가하기 let arr = ['고구마', '감자', '옥수수'] arr.push('땅콩') // ['고구마', '감자', '옥수수', '땅콩'] ◽ 배열 앞에 항목 추가하기 let arr = ['고구마', '감자', '옥수수'] arr.unshift('땅콩') // ['땅콩', '고구마', '감자', '옥수수'] ◽ 배열 끝에서부터 항목 제거하기 let arr = ['고구마', '감자', '옥수수'] arr.pop() // ['고구마', '감자'] ◽ 배열 앞에서부터 항목 제거하기 let arr = ['고구마', '감자', '옥수수'] arr.shift() // ['감자', '옥수수'] ◽ 배열 안 항목의 인덱스 찾기 let arr = ['고구마', '감자', '옥수수'] arr.in..

◽ 문법 // 화면에 10,000으로 출력 {{ Number(10000).toLocaleString() }} 개인적으로 공부한 내용을 정리하는 블로그로 잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

콘솔 찍을 때 사용하면 좋은 팁 정리. 제공해주는 API도 굉장히 다양하다. Update: 220220 ◽ 간단한 사용 찍을 변수, 문자열 등등 뒤에 .log를 자동완성으로 입력하면 알아서 씌워진다. 간편하다. ◽ %s - 문자열 (String) // 문자열 찍기 console.log('data is %s', myStrVal) ◽ %d - 숫자 (Digit, Integer) // 숫자 찍기 console.log('data is %d', myNumVal) ◽ 문자열과 숫자 같이 찍기 // 같이 찍기 console.log('data is %s (%d)', myStrVal, myNumVal) ◽ 객체 // Bad // '+'를 사용하는 경우 const object = {value: "hi"} console.l..

출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 Destructuring ◽ Destructuring - Destructuring Assignment(분할 할당) - 원 데이터는 변경되지 않는다. [코드 1: Destructuring] let one, two, three; const list = [1, 2, 3]; [one, two, three] = list; console.log(one); console.log(two); console.log(three); console.lo..