?. optional chaining 지금까지 회사에서 리액트를 다룰 떄 굉장히 많이 썼다. 데이터가 늦게 도착하기 때문에 렌더링 되기전에 에러뜨는걸 막기 위해서 주로 쓴다 . 값이 null 또는 undefined 일 경우 undefined로 처리해달라 ~ 뭐 이런뜻. var user = { name : 'kim' } console.log(user?.name1) ?? nullish coalescing operator var user; console.log(user ?? '로딩중') 값이 null, undefined 일 경우 오른쪽 문자열을 보여주기. if문 대신 사용가능함.

Destructuring은 실전프로젝트 하면서 수없이 쓴거같다. 무턱대고 썼다가 초반엔 어떻게 나오는지 괜히 콘솔 찍어보면서 확인하고 쓰거나 안쓰거나 별 상관없다고 하기엔 사소한 오류를 많이 일으키기 때문에 신경써야하는 부분 중 하나였다. 나중엔 웬만하면 전부 썼다. 로그인 이후 인증 미들웨어를 거친 유저의 정보를 대부분 Destructuring하여 사용했다. async function createBoard(req, res, next) { try { ... const { userName } = res.locals.User; ... } 위 코드는 아래와 같다. var User = { name: 'kim', age: 30, sex: "male"}; const {name, age, sex} = User; co..

class Student { constructor(이름, 나이) { (this.name = 이름), (this.age = 나이); } } Student.prototype.sayHello = function() { console.log(`안녕 나는 ${this.name} 이야.`); }; Student.prototype.sayHi = () => { console.log(`안녕 나는 ${this.name} 이야.`); }; var 학생1 = new Student("kim", 20); console.log(학생1); 학생1.sayHello() //안녕 나는 kim 이야. 학생1.sayHi() //안녕 나는 undefined 이야. function으로 쓴 것과 Arrow Function으로 작성한 것에서 thi..

Constructor 용도: 비슷한 Object를 많이 만들기 위해서. 코드만 다를 뿐 똑같다. function으로 했을 때 VScode에서 버전 바꿀거냐고 물어봐준다. (친절하다..) var 학생1 = new Student('뚱이' , 29); var 학생2 = new Student('징징이', 29); console.log(학생1, 학생2); //Student { name: '뚱이', age: 29, sayHi: [Function (anonymous)] } // Student { name: '징징이', age: 29, sayHi: [Function (anonymous)] } 학생1.sayHi() //안녕하세요 저는 뚱이입니다. 학생2.sayHi() //안녕하세요 저는 징징입니다. 새로 생성되는 오브젝..

var let const 재선언 O X X 재할당 O O X 범위 function { } (for, if, function등) { } (for, if, function등) 스폰지밥 = '징징이' TypeError: Assignment to constant variable. Object.freeze하면 재할당 안됨. use strict 사용시 오류도 내보내 준다. 아마 타입스크립트로 작성 시 객체 내 값 또한 재할당 안될듯하다. TypeError: Cannot assign to read only property '최애' of object '#'

window : javascript 기본함수 수납공간, 전역 오브젝트 느낌 this는 오브젝트 내 함수안에서 쓰면 그 함수를 가지고 있는 오브젝트를 뜻한다.