공부하는 중~~/웹8 [WEB] 옵셔널 체이닝 (?.), null (??) 병합 연산자 이게 뭐지? 안녕하세요 대추입니다. 오늘은 ES11부터 도입된 옵셔널 체이닝과 null 병합 연산자에 대해 기록하겠습니다. 간단하게 설명하자면 평소에 사용하던 논리연산자 '&&', '||' 를 응용했던 단축 평가와 거의 유사합니다. 옵셔널 체이닝과 null 병합 연산자를 이해하기 위해 먼저 단축 평가에 대해 알아보겠습니다. 1. 논리 연산자의 단축 평가 // 1. output: 'abcd' false || 'abcd' // 2. output: true true || 'abcd' // 3. output: false false && 'abcd' // 4. output: false true && false 위와 같이 단축 평가라 함은 평가결과(TRUE or FALSE)가 결정된 부분에서 나머지를 생략하는 것을 말합니다 1.. 2023. 2. 15. [WEB] NVM을 이용한 node 버전 관리 (Window, Mac) 안녕하세요 대추입니다. 오랜만에 글을 쓰네요 바로 본론으로 들어가겠습니다. NVM은 이름 그대로 "Node Version Manager", 즉 노드 버전을 관리하는 도구입니다. 노드 버전이 무슨 상관이있냐 할 수 있는데 예를 들어, node-sass와 같은 노드 버전에 의존적인 패키지들이 있기때문에 개인이 아닌 팀 단위의 개발을 한다면 엄격한 버전관리가 필요하게 됩니다. 이럴때 유용하게 사용하는 것이 NVM입니다. 간단한 명령어를 통해서 버전을 다운로드, 변경, 삭제가 가능합니다 윈도우와 맥 두가지의 경우 모두 기록하도록 하겠습니다. 1. 윈도우(Windows)에서 설치 윈도우는 nvm-windows 레포지토리에서 설치 파일을 받으실 수 있습니다. no-install 버전과 설치하는 setup 버전이 있.. 2022. 6. 28. [JavaScript] ECMA6, normal function vs Arrow function 비교 ecma6에서는 함수를 사용하는 방법이 추가되었습니다. 화살표를 사용하는 방법인데 코드의 길이도 짧아지고 개인적으로는 직관적이라서 애용하고 있습니다. 바로 예제 들어가겠습니다. let cnt = 1; // 1. 기본 작성법 let function_normal = function(num) { let result = num * cnt; return result; } // 2. arrow function 작성법 let function_arrow = (num) => { let result = num * cnt; return result; } // 3. arrow function을 더 짧게 작성 let function_arrow_short = (num) => cnt*num; console.log('normal f.. 2021. 1. 28. 이전 1 2 3 다음 반응형
