old_contents: import React from 'react'
  import favicon from './favicon.png'
  
  
  export default class HTML extends React.Component {
    render() {
      return (
        <html lang="ko">
          <head>
            <meta charSet="utf-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
            <meta name="google-site-verification" content="JA_ocNhbTh2OZYc6XdvGU86Tu-KrppkZddT3_sfwTDU" />
            {this.props.headComponents}
            <link rel="shortcut icon" href={favicon} />
            <link href="https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Sans+KR&display=swap" rel="stylesheet"/>
          </head>
          <body>
            <div
              id="___gatsby"
              dangerouslySetInnerHTML={{ __html: this.props.body }}
            />
            {this.props.postBodyComponents}
          </body>
        </html>
      )
    }
  }
  
new_contents: import React from 'react'
  import favicon from './favicon.png'
  
  
  export default class HTML extends React.Component {
    render() {
      return (
        <html lang="ko">
          <head>
            <meta charSet="utf-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
            <meta name="google-site-verification" content="JA_ocNhbTh2OZYc6XdvGU86Tu-KrppkZddT3_sfwTDU" />
            {this.props.headComponents}
            <link rel="shortcut icon" href={favicon} />
            <link rel="preconnect" href="https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Sans+KR&display=swap" />
          </head>
          <body>
            <div
              id="___gatsby"
              dangerouslySetInnerHTML={{ __html: this.props.body }}
            />
            {this.props.postBodyComponents}
          </body>
        </html>
      )
    }
  }
  
subject: Use "preconnect" for performance (#299)