비 구조화 할당(구조 분해 할당)
·
JavaScript
let arr = ['one', 'two', 'three']; let one = arr[0]; let two = arr[1]; let three = arr[2]; console.log(one, two, three); // one, two, three 위와 같이 작성하게 되면 너무 길어진다. 이거를 줄일수가 있다. 배열 비구조화 할당 let arr = ['one', 'two', 'three']; let [one, two, three] = arr; console.log(one, two, three); // one, two, three 배열 선언 분리 비구조화 할당 let [one, two, three] = ['one', 'two', 'three']; console.log(one, two, three); //..
조건문 upgrade
·
JavaScript
function isKoreanFood(food) { if(food === '불고기' || food === '비빔밥' || food === '떡볶이') { return true; } return false; } const food1 = isKoreanFood('불고기'); const food2 = isKoreanFood('파스타'); console.log(food1); // true console.log(food2); // false 위와 같이 작성을 해도 되는데 food의 개수가 많아지면 코드가 복잡해진다. includes는 이 안에 있으면 true 없으면 false로 나타내어주는 함수다. function isKoreanFood(food) { if(['불고기', '떡볶이', '비빔밥'].includes..
단락회로 평가(논리연산자)
·
JavaScript
논리 연산자 // console.log(true && ture); // true // 둘 다 true(그리고) console.log(true || false); // true // 둘 중 하나만 true(또는) // console.log(!true); falsy 값을 그대로 반환 const getName = (person) => { return person && person.name }; // person에서 falsy한 값이기에 person.name까지 안감 let person; const name = getName(person); console.log(name); // undefined const getName = (person) => { const name = person && person.name..
삼항 연산자
·
JavaScript
삼항 연산자를 하게 되면 아래와 같은 코드를 한줄로 가능 let a = 3; if( a >= 0) { console.log("양수"); } else { console.log("음수"); } 삼항연산자 조건문 ? 참일 때 실행한 코드 : 거짓일 때 실행할 코드; let a = 3; a >= 0 ? console.log("양수") : console.log("음수"); // 양수 빈 배열 확인 let a = []; if (a.length === 0) { console.log("빈 배열"); } else { console.log("안 빈 배열"); } 삼항 연산자 let a = []; a.length === 0 ? console.log("빈 배열") : console.log("찬 배열"); 삼항연산자 식 저장해..
Truthly & Falsy
·
JavaScript
let a = ""; if (a) { console.log("TRUE"); } else { console.log("FALSE"); // FALSE } let a = "string"; if (a) { console.log("TRUE"); // TRUE } else { console.log("FALSE"); } Truthy : [], {}, "false", Infinity -> 참 같은 값 Falsy : null, undefined, NaN, 0, -0, "" const getName = (person) => { return person.name; }; let person = {name : '이도영'}; const name = getName(person); console.log(name); // 이도영 Fa..
다시 공부하는 리액트 3장 component, state
·
React/다시 공부하는 리액트
1. 컴포넌트 종류 컴포넌트를 선언하는 방식은 두가지이다. 1. 함수 컴포넌트 2. 클래스형 컴포넌트 이렇게 두가지가 있다. 하지만 최근 클래스형 컴포넌트보단 함수 컴포넌트를 주로 사용한다. 다양한 이유가 있겠지만, 주요 이유는 1. 간단한 작성으로 가독성이 좋다. 2. 성능적인 부분에서 함수가 좀 더 효율적으로 사용할 수 있다. 3. 테스트 용이성 2. 컴포넌트 생성 생성 순서는 1. 파일 만들기 -> 2. 코드 작성하기 -> 3. 모듈 내보내기 및 불러오기 컴포넌트를 만들고자 할 때는 컴포넌트 코드를 선언해야 한다. const My Component = () => { return 함수형 컴포넌트 ; }; export default MyComponent; 3. 화살표 함수 function BlackDo..
오류확인자
'분류 전체보기' 카테고리의 글 목록 (24 Page)