2022년 03월 05일

📚 오늘 도전하고, 배운 것

CSS

OS에 상관없이 같은 모양의 input을 만드는 방법 select option에는 사용하면 문제가 발생할 수 있다고 한다.

textarea,
input[type] {
  -webkit-appearance: none;
  border-radius: 0;
}

Event

event 객체의 relatedTarget은 관련있는 것을 반환한다. 예를 들면 blur 이벤트에서 blur되는 대상이 아닌 blur되면서 마우스 포인터가 위치한 요소라보면 되는 것 같다. 말이 정리가 안되지만 코드를 확인해보면 알 수 있다.

element.addEventListener('blur', (e) => {
  console.log(e.currentTarget)
  console.log(e.relatedTarget.tagName)
})

🤔 학습하면서 궁금하거나 어려웠던 점

🌅 내일은 무엇을?

• 토이 프로젝트 작업

🖋 log

• 사파리가 새로운 IE라더니 소문이 사실이었다.
  • 안되는 것이 너무 많다. 하지만 내가 겪은 문제들은 사소한 것이라 다행이다.
  • 나도 폰에서는 그냥 기본적으로 깔린 사파리를 사용하긴 하는데 다른 이유는 없다. 익숙하기 때문이다. 마치 예전에 컴퓨터에 IE가 기본적으로 깔려져 있어서 당연히 사용하듯이... 어째 비슷한 것 같다.