본문 바로가기

분류 전체보기

 (290)
[프로그래머스_Lv.0]_두 수의 차 문제 설명 : 정수 num1과 num2가 주어질 때, num1에서 num2를 뺀 값을 return하도록 soltuion 함수를 완성해주세요. function solution(num1, num2) { var answer = num1 - num2; return answer; } or const solution = (num1, num2) => num1 - num2
[프로그래머스_Lv.0]_두 수의 합 ✅ 문제 설명 : 정수 num1과 num2가 주어질 때, num1과 num2의 합을 return하도록 soltuion 함수를 완성해주세요. function solution(num1, num2) { var answer = num1 + num2; return answer; } or const solution = (num1, num2) => num1 + num2
템플릿 리터럴 (Template literals) 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용하게 만들어 주는 문자열 리터럴 표현식이다. 백틱(` `) 과 ${ }로 표현한다. Template literals 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔다. "string" 'string' new String("string") `string text` `string text string text line2` `string text ${value} text`
나머지 매개변수(rest parameter) ...args : arguments :추가적으로 어떠한 arguments가 들어올 수 있다는 것 꼭 ...으로 args를 명시해줘야만 [ ] 가 삭제된다. function func (a, b, ...args) { console.log(...args) } func(1, 2, 3) // 3 func(1, 2, 3, 4, 5, 6, 7) // 3 4 5 6 7
전개 구문 (...Spread operator) ✅ 배열이나 객체를 전개하는 문법이다. es문법 중 구조분해할당(destructuring)과 함께 정말 많이 사용된다. // 배열 let arr = [1,2,3]; let newArr = [...arr, 4]; console.log(newArr) // [1,2,3,4] // 객체 let user = {name: "nbc", age: 30}; let user2 = {...user} user2.name = "nbc2" console.log(user.name) // nbc console.log(user2.name) // nbc2 ... 은 [ ] 대괄호가 삭제된다.
단축 속성명 (property shorthand) ✅ 객체의 key와 value 값이 같다면, 생략 가능. const name = "nbc" const age = "30" const obj = { name: name, age: newAge } const obj = { name, age }
구조 분해 할당 (De + structuring) 구조 분해 할당이란? 배열[ ]이나 객체{ }의 속성을 분해해서 그 값을 변수에 담을 수 있게 해주는 문법. // 배열의 경우 let [value1, value2] = [1, "new"]; console.log(value1); // 1 console.log(value2); // "new" let arr = ["value1", "value2", "value3"]; let [a,b,c] = arr; console.log(a,b,c) // value1 value2 value3 // let [a,b,c] = arr; 은 아래와 동일! // let a = arr[0]; // let b = arr[1]; // let c = arr[2]; let [a,b,c,d] = arr console.log(d) // undef..
삼항 연산자 (ternary operator) condition ? expr1 : expr2 console.log(true ? "참" : "거짓") // 참 console.log(false ? "참" : "거짓") // 거짓 console.log(1 === 1 ? "참" : "거짓") // 참 console.log(1 !== 1 ? "참" : "거짓") // 거짓
화살표 함수 (Arrow Function) 함수 선언문과 함수 표현식 > 화살표 함수 function이나 return 키워드 없이 함수를 만드는 방법. 이것도 역시 ES6에서 처음 소개된 개념. // ES5 function func() { return true } //ES6 const func = () => true const func = () => { return true } () => {} parm => {} (parm1, parm2, ...parms) -> {} // 익명 화살표 함수 () => {} this function은 호출을 할 때 this가 정해지지만, 화살표 함수는 선언할 때 this가 정해진다.
let & const let, const는 기존에 변수 선언을 위해 존재하던 var를 대체해서 나온 변수 선언에 사용 되는 키워드. 선언과 할당이 무엇이었는지 중요!! var, const, let의 차이를 알 수 있기 위해서는 선언과 할당의 의미를 아주 정확히 알고 있어야 한다. 선언: 변수명을 자바스크립트 엔진에 알리는 것. 할당: 변수에 값을 저장하는 것 (= 할당연산자). ✅ let과 const의 특징 let: 재할당은 가능하고, 재선언은 불가능. let value = "value1" console.log(value) // value1 value = "value2" // 재할당 가능 console.log(value) // value2 let value = "value3" // 재선언 불가능, SyntaxError: Id..

티스토리툴바