삼항연산자, html>img>alt 속성

삼항연산자

삼항연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자이다.
보통 if 명령문의 단축 형태로 쓰인다.

<condition ? exprIfTrue : exprIfFalse>

condition이 true일 경우 expl1의 값을 반환하며, false일 경우에는 expl2를 반환한다.
expl1, expl2에는 하나 이상의 연산이 가능하다. 이 경우에 쉼표로 구분하고 괄호로 묶으면 된다.

Example

var condition1 = true,
    condition2 = false,
    access = condition1 ? (condition2 ? "true true": "true false") : (condition2 ? "false true" : "false false");

console.log(access); // logs "true false"

삼항연산자를 여러 행으로 나누고 그 앞에 공백을 사용하면 긴 if/else문을 매우 깔끔하게 만들 수 있게 된다.

var func1 = function( .. ) {
  if (condition1) { return value1 }
  else if (condition2) { return value2 }
  else if (condition3) { return value3 }
  else { return value4 }
}

var func2 = function( .. ) {
  return condition1 ? value1
       : condition2 ? value2
       : condition3 ? value3
       :              value4
}

HTML img 태그에 alt 속성을 반드시 넣어줘야 하는 이유!

<img src="경로" alt="이미지에 대한 설명(코멘트)">

1. 경로 오류로 이미지가 깨질 시 대체문구(alt)로 대체.
2. 검색엔진이 웹 크롤링할 때 컨텐츠를 잘 이해하고, 검색순위에서 적절한 색인을 할 수 있도록 하기 위해서.
3. 시각장애인에게 웹페이지 컨텐츠 제공.