<JS> if & else 와 연산자

📍 if 문법 과 else (조건문)

• 조건부로 코드를 실행하고 싶을때 if 문을 사용함.

• if (조건식) { 실행할 코드 } 의 형태임

• 조건식은 보통 등호, 부등호 등이 많이 들어가고, 조건식이 참(true) 일때 중괄호안의 코드를 실행해줌

• 원래 조건식 자리에 true/false 를 넣어야함 (그건 컴퓨터가 알아서 조건식을 보고 판단함)

• 자료형(타입)
  숫자타입(123) , 문자타입('123'), boolean타입(true 또는 false)

• else

  • if 문이나 else if 문 다음에 '그게 아니면 다 이렇게 실행해줘' 라는 뜻으로 사용됨.

📍 비교연산자

• == : 유연하게 같다 (왼쪽과 오른쪽이, 타입이 같지 않아도 생김새만 같으면 같다고 해줌)

• ===: 엄격하게 같다 (왼쪽과 오른쪽의 타입까지 같아야 같다고 해줌)

• != : 느슨하게 다르다. (왼쪽과 오른쪽이 타입이 같지않아도 생김새가 다르니 다르다)

• !== : 엄격하게 다르다. (왼쪽과 오른쪽이 타입까지 다 달라야 다르다)

• 미만, 초과 : > or < 로 표현

• 이상, 이하 : >= or <= 로 표현

※ truthy 자료들

• if(0을 제외한 숫자) 일때 true 로 인식함
• '문자', [], {} 일때도 true 로 인식

※ falsy 자료들

• if(0) 일때는 false 로 인식함
• '', null, nudefined, NaN 은 false로 인식

if (1) {
console.log('진실');
}

if (0) {
console.log('거짓');
}

📍 조건식을 많이 쓰는 방법 (조건 2개 이상을 동시에 비교하고 싶을때 )

• && 그리고 || 연산자

  • && : and , 왼쪽 그리고 오른쪽도 참이면 전체를 참으로해주세요
  • || : or , 왼쪽 또는 오른쪽 중 하나가 참이면 전체를 참으로 해주세요

• / 그리고 % 연산자

  • / : 나누기의 몫 부분을 뜻함
  • % : 나누기에서 나머지 부분을 뜻함

📍input 이벤트 & change 이벤트

• input tag 에서만 발생하는 이벤트들임
• input tag 에 사용자가 값을 입력할 경우 발생함.
  • input : 왼쪽에 적힌 입력값이 변할때 실행됨
    - change: input 과 비슷 but 입력값 입력 후 커서를 다른곳으로 찍어야함. (포커스를 잃었을때 발생)