Today I Learned #1

MDN을 항상 참고하자.

MDN에서 online event를 찾아본 경우, 다음 링크에서 Example과 Specification(강제성을 띄지는 않지만 권고되는 규격), Browser Compatibility를 확인할 수 있었다.

해당 문서 내에는 Javascript 중에서도 vue와 react를 비롯한 다양한 공식 문서들이 존재했고, CSS와 html, 그외 APIs와 Graphics도 다루고 있었다. 영어 공부의 필요성을 다시 한 번 느꼈고, 문서의 양이 워낙 방대하다보니, 모르는 것을 찾아가는 것부터 시작하기 보다는 배운 부분을 문서에서 찾아가는 연습을 하는 것이 더 효율적으로 보인다.

vanilla JS color (rgb를 써야하고, 각 rgb사이 ,와 " "가 필요)
오늘의 경험 중 기억해둘만한 점이라고 생각하여 기록한 내용.

const BASE_COLOR = "rgb(255, 228, 196)";
const OTHER_COLOR = "rgb(180, 227, 237)";

에서,

function handleClick() {
   const currentColor = title.style.color;
   if (currentColor === BASE_COLOR){
       title.style.color = OTHER_COLOR;
   } else {
       title.style.color = BASE_COLOR;
   }
}

와 같은 function을 사용하는 경우, 정상적으로 작동함. 하지만,

const BASE_COLOR = "#3cb371";

로 수정하면 정상적으로 작동되지 않고, 원래대로 돌려놓은 후

const OTHER_COLOR = "#b4e3ed";

만 수정하면 정상적으로 작동한다... 또한 rgb에서 각 값을 서로 띄워쓰지 않으면 정상적으로 코드를 인식하지 못했다.
"JS Rules" 라는데,, MDN 문서 중 const, if에서 해당 내용을 찾지 못했다.
다만 MDN 문서 중 Applying styles and colors 에서 확인한 아래 이미지, Transparency 설정과 관련한 globalAlpha가 관련이 있지 않을까 추측할 뿐이다.

(추후에 정확한 이유를 알게된다면 수정 예정)