디자인 된 <select />에 placeholder 개념이 있어서 어떻게 하면 좋을지 찾아봤다. 간략하게 설명하자면 선택이 불가능하게 disabled 추가하고 hidden으로 숨김 마지막으로 selected로 디폴트값을 처리하면 완성.
function Select({ placeholder, children }) {
  return (
    <select>
      <option value="" disabled hidden selected>
        {placeholder}
      </option>
      {children}
    </select>
  )
}
html
<head />
구조화된 데이터
- Using Structured Data to Enhance Search Engine Optimization | CSS-Tricks
 - Understand How Structured Data Works | Google Search Central
 
lang
favicon
- How to Favicon in 2021: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog
 - How to Create a Favicon That Changes Automatically | CSS-Tricks
 - Emojis as Favicons | CSS-Tricks
 - We Analyzed 425,909 Favicons • iconmap.io1
 
Microdata
attributes
Footnotes
- 
다양한 관점에서 파비콘을 분석한 글 ↩
 
자동완성 기능은 편리할수도 있지만 비활성화가 필요한 경우도 있다. 하지만 chrome에서 무시되는 경우가 있는데…이게 거의 된다 지금은 안된다…되는 것 같다…이렇게 변질이 되는 것 같다.
- html - Disabling Chrome Autofill - Stack Overflow1
 - Disabling autofill in Chrome | Codementor2
 - How to turn off form autocompletion - Web security | MDN
 - The Autofill Dark Pattern — Smashing Magazine