TIL 0331

오늘 목표

Codecademy Javascript ch.2 🙆‍♀️
Codecademy Javascript ch.3 🙆‍♀️
개인 프로젝트 페이지 레이아웃 수정 🤦‍♀️

오늘 공부한 것

자바스크립트 조건문에대해 공부
if 는 조건을 확인하고 true 일 때 작업을 수행한다
if else 는 if의 조건이 맞지 않을 시 다음 조건으로 온다
else if 를 계속 붙여 다른 조건들을 추가할 수 있다
else 로 마무리한다

let name = "Pin";
if (name === 'Pin') {
  console.log('Hi my name is Pin!');
} else {
  console.log('Hi my name is ' + name + '!');
}
// Hi my name is Pin! 출력

비교 연산자로는 <, >, <=, >=, ===, !== 가 있다
===는 비교용이고, =는 값을 할당하기 위한 것이다
&& 와 and 는 두 조건이 다 true 여야 한다
|| 와 or 는 두 조건 중 하나만 true 여도 된다
! 는 값을 반전한다 true 를 false 로 false 를 true 로

let age = 12;
if (age === 11 || age < 20) {
  console.log('go');
} else {
  console.log('stop');
}
// go 출력

삼항연산자는 if else 를 단순화하기위해 쓰인다

let test = true;
if (test) {
	console.log('Yes!');
} else {
	console.log('No!');
}
->
test ? console.log('Yes!') : console.log('No!');

switch 는 else if 를 단순화하기위해 쓴다 break로 각 case를 끊어주어야 한다 마지막에는 else 처럼 default 로 마무리한다

let name = "Jake";
if (name === "Pin") {
	console.log("Hi my name is Pin!");
} else if (name === "Jake") {
	console.log("Woof woof");
} else {
	console.log(`Hi my name is ${name}!`);
}
->
switch (name) {
  case 'Pin':
    console.log('Hi my name is Pin!');
    break;
  case 'jake' :
  	console.log('Woof woof');
    break;
  default:
    console.log(`Hi my name is ${name}!`);
}

어려웠던 부분

삼향 연산자 부분이 좀 헷갈렸지만 여러 예제를 풀어보니 이해할 수 있었다
자바스크립트에 들어가면서 계획에 맞게 진도나가는게 힘들었다😭