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>
    )
  }
}

@@ -540,16 +540,33 @@
    %3Clink
+ rel=%22preconnect%22
  href=%22h
@@ -645,24 +645,8 @@
 ap%22 
-rel=%22stylesheet%22
 /%3E%0A 

Use "preconnect" for performance (#299)