[본캠프 11주차] 화요일 TIL

 

12/31 일일 목표📝

 

리액트 입문 강의 듣기

디자인 집중반

 

---

 

 

📖 오늘 배운 내용

map 

const numbers = [1, 2, 3, 4, 5];

const squared = numbers.map(주어진 함수);

 

화살표 함수

const add = (a, b) => {
   return a + b;
}
위의것을 줄이면
const add = (a, b) => a + b;

console.log(add(1, 3));

 

조건 연산자(삼항연산자)

조건에 따라서 형태를 간단하게 하는

const score = 85; let grade = ""; if (score >= 80) {    grade = "A" }  else {    grade = "B"; }

const score = 85; const grade = score >= 80 ? "A" : "B"; console.log(grade);

 

 

단축평가

- 논리 연산자를 활용 ( ||, &&, ?., ??)

 

논리합연산자 ||

truethy falsy 한 값이 중요함

falsy인 값은? false, 0 , "" , null, undefinde , NaN

const getUserName = (user) => user.name || "신원미상";

const person = {
   age : 30,
   name : "르탄이",
};
console.log(getUserName(person));

 

 

논리곱 연산자 (&&)

const loggedIn = true;
const userName = "르탄이";

loggedIn && console.log('환영합니다 ${userName}님!');

 

const user = {

   profile : {

      name: "르탄이",

      details: {

         age : 30,

         location: "서울시 강남구",

      },

    },

};

 

console.log(user.profile.details.age);

 

 

null 병합 연산자 (??)

let userLocation = null;

console.log(userLocation ? userlocatin : "없는위치");