코드노트

JSON (JavaScript Object Notation) 자바스크립트의 객체 표기법 - 문자데이터 - undifind 는 X { "string": "codenote", "number": 123, "boolean": true, "null": null, "object": {}, "array": [] } import myData from './myData.json'; console.log(myData); - stringify 메소드는 json의 형태로 javascript를 문자데이터화 시켜준다. - parse 메소드는 json 데이터를 javascript 객체 데이터로 변환 시켜준다.

import _ from 'lodash'; const users = [ { userId: '1', name: 'a'}, { userId: '2', name: 'b'}, { userId: '3', name: 'c'}, { userId: '4', name: 'd'}, { userId: '5', name: 'e'} ]; const foundUser = _.find(users, {name: 'a'}); // {userId: "1", name: "a"} _.find 메소드 첫번째 인수는 배열데이터, 두번째 인수는 찾고자 하는 객체로 호출할 수 있다. const foundUserIndex = _.findIndex(users, {name: 'a'}); // 0 _.findIndex 첫번째 인수는 배열데이터, 두번째 ..

import _ from 'lodash'; const usersA = [ { userId: '1', name: 'code' }, { userId: '2', name: 'note' } ]; const usersB = [ { userId: '1', name: 'code' }, { userId: '3', name: 'note' } ]; const usersC = usersA.concat(usersB); console.log('concat', usersC); console.log('uniqBy', _.uniqBy(usersC, 'userId')); _.uniqBy 중복된 데이터를 정리하여 고유한 값만 호출할 수 있다. 배열데이터가 하나일 떄 사용! - concat으로 새로운 배열데이터를 만들었으면 중복되는 데이..

내보내기 export - 내보내기를 할 때 2가지 통로가 있다. - default 키워드를 사용하여 내보내는 방법 - 이름을 지정해서 내보내는 방법 ex) export default function getType(data) { return Object.prototype.toString.call(data).slice(8, -1); } ex) export default function (data) { return Object.prototype.toString.call(data).slice(8, -1); } - 내보내기를 할 때 default를 사용하는 경우 'getType'이름을 따로 지정하지 않아도 된다. - default 기본통로로 내보내기를 한다면 1개만 내보낼 수 있다. ex) import getTy..

얕은복사(Sallow copy) const user = { name: 'kjun', age: '93', emails: ['kjun_all@naver.com'] } const copyUser = user; console.log(copyUser === user); // true // 복사한 데이터가 같이 변형이 된다. const copyUser = Object.assign({}, user); console.log(copyUser === user); // false // 대상객체에다가 출처객체의 속성들을 통해서 얕은복사가 가능하다. // 새로운 데이터로 사용할 수 있다. const copyUser = {...user}; console.log(copyUser === user); // false // ... 전개..

zsh: command not found 윈도우를 사용하다가 맥북을 구매하고 mac os로 적응중이다. vs code로 개발환경을 설치중이였는데 nvm설치중에 오류 문구가 떴다. 윈도우에서 다른 오류는 해결했었지만 이번 오류는 처음봤고 구글링을해서도 제대로 찾지를 못했다. 구글링을 계속 하던 도중 이유를 찾았다. vs code에서 폴더를 열어놓고 터미널에서 설치를 했다는것... 아무것도 열리있지 않은 비어있는 상태에서 설치를 시도하니 바로 version을 확인할 수 있었다.. 혹시나 저 처럼 다른 문제가 아니라면 vscode를 개발중이였던 폴더에서 터미널을 열었는지 꼭 확인을 해보시길 바랍니다!

전개 연산자 Spread const fruits = ['Apple', 'Banana', 'Cherry', 'orange']; console.log(fruits); // (4) ['Apple', 'Banana', 'Cherry', 'orange'] console.log(...fruits); // Apple Banana Cherry orange - 전개연산자 ...을 사용하면 문자데이터로 출력이 가능하다. const fruits = ['Apple', 'Banana', 'Cherry', 'orange']; function toObject(a, b, ...c) { return { a: a, b: b, c: c } }; console.log(toObject(...fruits)); // {a: 'Apple', b:..

구조 분해 할당 Destructuring assignment const user = { // key: value name: 'codenote', age: 20, email: 'kjun_all@naver.com', address: 'USA' }; const {name, age, email, address = 'Korea'} = user; // 필요한 것들을 정리해서 꺼내서 사용할수 있다. // 기본값을 지정할 수 있다. // 데이터가 있으면 기본값은 무시된다. // 변수이름을 따로 지정할 수도 있다. ex/ name: codenote console.log(`사용자의 이름은 ${name} 입니다.`); // 사용자의 이름은 codenote 입니다. console.log(`${name}의 나이는 ${age}세..

length() const number = [1, 2, 3, 4]; const fruits = ['apple', 'banana', 'cherry']; console.log(number.length); // 4 console.log(fruits.length); // 3 console.log([1, 2, 3, 4, 5, 6].length); // 6 console.log([].length); // 0 array 배열데이터에서 length로 개수를 확인할 수 있다. 빈 배열에서는 0을 확인할 수 있다. concat() const numbers = [1, 2, 3, 4]; const fruits = ['apple', 'banana', 'cherry']; const codenote = numbers.concat(..

Math - JavaScript | MDN Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. 함수 객체가 아닙니다. developer.mozilla.org const pi = 3.14159265358979; console.log(pi); // 3.14159265358979 const str = pi.toFixed(2); console.log(str); // 3.14 문자데이터 console.log(typeof str); // string const integer = parseInt(str); const float = parseFloat(str); console.log(integer); // 3 console.log(float); // 3.14 console.log(typeof..