개발 노트

객체 내부의 중첩된 속성이나 메서드에 접근할 때, 해당 경로에 값이 없는 경우 에러를 발생시키지 않고 안전하게 처리할 수 있는 방법이다. 존재하지 않을 수 있는 중첩된 객체 구조를 다룰 때 유용하며, 코드의 안정성을 높이는 데 도움이 된다. // 사용 전 var user = { name: 'song', // age: {value: 15}, } console.log(user.age.value);// 에러발생 // 사용 후 var user = { name: 'song', // age: {value: 15}, } console.log(user.age?.value);// undefined를 출력

함수를 사용할 때, 파라미터에 값이 없다면 undefined가 출력된다. Default parameters를 사용하면 파라미터에 값이 없을 때, 출력하는 초기값을 설정할 수 있다. let func = function(res){ console.log(res); } // 사용 전 func() // undefined // 사용 후 func(res = 'hello') // hello 파라미터가 여러 개 있는 함수지만 1개만 써도 에러가 발생하지 않는다. function 더하기(a, b, c){ console.log(a); } 더하기(1); // 1 함수의 defalut 값을 줄 수 있다. function 더하기(a, b, c=3){ console.log(a + b + c); } 더하기(600, 10); // 6..

객체 혹은 배열들을 펼칠 수 있게 해주는 문법 사용가능 공간 : 중괄호, 대괄호, 소괄호 안에서만 가능 객체인 경우 let obj1 = { name : 'song', age : 26 } let obj2 = {...obj1}; console.log(obj1); // {name : 'song', age : 26} console.log(obj2); // {name : 'song', age : 26} // 객체 속성값 추가 let obj3 = {...obj2, birth : 'march'}; console.log(obj3); // {name : 'song', age : 26, birth : 'march'} // 객체 값 합치기(concat) let product1 = { name : 'water', price ..

배열 혹은 객체에서 각각에 value, property를 쉽게 분해하여 변수에 담을 수 있다. 객체에서 사용하는 법 // 객체 선언 및 할당 let std = { name: 'song', num: 12, } // 사용 전 let name = std.name; let num = std.num; console.log(name); // song console.log(num); // 12 // 사용 후 let { name, num } = std; console.log(name); // song console.log(num); // 12 배열에서 사용하는 법 // 배열 선언 및 할당 let std_arr = ['song', 'kim', 'park']; // 사용 전 let one = std_arr[0]; let ..

객체에서 key와 value가 같다면 축약해서 사용가능 let name = 'song'; let age = 26; // 사용 전 let obj1 = { name : 'song', age : 26 } console.log(obj1) // {name : 'song', age : 26, from : 'korea'} console.log(obj1.name) // song console.log(obj1.age) // 26 // 사용 후 let obj2 = { name, age, }; console.log(obj2) // {name : 'song', age : 26, from : 'korea'} console.log(obj2.name) // song console.log(obj2.age) // 26

substr(), substring(), slice() 함수는 모두 문자열을 잘라주는 역할 substr() : 파라미터로 입력받은 start index부터 length 길이만큼 string을 잘라내어 반환하는 함수 let str = "apple" let first = str.substr(0, 1);// a let second = str.substr(1, 1);// p substring() : 매개변수로 자르고 싶은 문자열의 시작 idx와 마지막 idx를 전달 let str = "apple?" let first = str.substring(0, 1);// a let second = str.substring(2, 4);// pl slice() : substring() 함수처럼 시작 idx와 마지막 idx를 ..