Truthy & Falsy ? 우리가 언어를 배우고 개발을 하면서 조건의 리턴 값을 반환해줄 때 true와 false는 정말 많이 보았을 것이다. 그런데 Truthy는 무엇이고, Falsy는 대체 무엇일까? 어렵게 생각할 것 없이 Truthy는 자바스크립트에서 true로 인식하는 값, Falsy는 자바스크립트에서 false로 인식하는 값을 나타낸다. 더 이해하기 쉽게 자바스크립트에서 각각 true와 false로 인식하는 값들을 간단히 조건문을 통해 살펴보자. Falsy ( = 'false' 같은 값 ) if (false) { // false } else if (undefined) { // false } else if (null) { // false } else if (0) { // false } else..

우리가 가장 많이 사용하는 조건문은 if문이다. 하지만 if문 외에 간단히 조건문을 사용할 수 있는 것이 바로 삼항연산자이다. 예제를 통해서 if문을 삼항연산자로 바꾸어봤을 때의 장점을 살펴보자. name 이라는 변수에 빈 배열을 선언을 해주고, 선언한 name의 배열 길이가 0일 경우와 아닐 경우를 조건으로 예시를 들어보겠다. if 조건문 let name = []; if (name.length === 0) { console.log("배열 안에 데이터가 없습니다.") } else { console.log("배열 안에 데이터가 있습니다.") } // 배열 안에 데이터가 없습니다. ↓ 삼항연산자 let name = []; name.length === 0 ? console.log("배열안에 데이터가 없습니다...

자바스크립트 es5나 es6를 사용할 때 or 리액트를 배울 때 export와 export default를 사용해봤을 것이다. 이 둘의 역할은 모듈안에 함수 및 객체를 export해서 다른 모듈에서 import하고 사용하기 위함인 건 알 것이다. export function example1() { console.log('첫번째 예시입니다.'); } function example2() { console.log('두번째 예시입니다.'); } export { example1, example2 }; export는 export default와 달리 이렇게 하나의 모듈에 함수나 객체 등 여러가지를 선언해 놓았을 경우 함수 이름이나 객체, 클래스 등의 이름으로 여러 값을 export를 할 수가 있다 import { ..