본문 바로가기

모바일 APP79

null 병합 연산자 (Nullish Coalescing Operator) 사용자가 사용하는 값들이' ', 0인경우 false아닌 입력이 되도록 하는 방법 { const name = 'ych'; const userName = name || 'Guest'; console.log(userName); } { const name = null; const userName = name || 'Guest'; console.log(userName); } // 안좋은 방법 // || 연산자는 ''와 0을 false로 인식 { const name = ''; const userName = name || 'Guest'; console.log(userName); const num = 0; const message = num || 'undefined'; console.log(message); } // .. 2021. 9. 8.
선택적 연결 (Optional Chaining) 복잡하게 if문 사용해서 조건 체크하지 않고 필요한 값만 오류 없이 사용하는 방법이다. 최근 핫한 트렌드로 스위프트 코틀린언어에서도 자주 사용한다. { const person1 = { name: 'Ellie', job: { title: 'S/W Engineer', manager: { name: 'Bob', }, }, }; const person2 = { name: 'Bob', }; // { function printManager(person) { console.log(person.job.manager.name); } printManager(person1); printManager(person2); // job 속성이 없어서 에러 발생 } // 방법1 { function printManager(person.. 2021. 9. 8.
널 병합 연산자 널병합 연산자 ?? : ESNext 자바스크립트와 타입스크립트에서 ?? 연산자를 말한다. name ?? Name() 연산자 앞 변숫 값이 null 또는 undefined라면 연산자의 뒤 Name()을 사용하라는 의미다. ES5 자바스크립트 name || Name()으로 구현한다. 2021. 9. 4.
메트로 서버 Metro server 1. npm i 설치 주의사항 npm start 명령으로 실행한 매트로 서버는 프로젝트의 node_modules 디렉터리에 락을 건다. 이 때문에 매트로 서버가 실행 중이면 npm i 명령으로 패키지를 설치할 수 없다. 그래서 ctrl + c로 매트로 서버를 중지하고 node_modules 디렉토리 락을 잠깐 해제해야한다. 2021. 9. 4.
반응형

티스토리툴바