배포: 2024-02-05

pozafly · Feb 5, 2024 · 14a46ef · 14a46ef
1 parent de191d6
commit 14a46ef
Show file tree

Hide file tree

Showing 13 changed files with 50 additions and 50 deletions.
diff --git a/css/explore-how-to-apply-modern-css/index.html b/css/explore-how-to-apply-modern-css/index.html
diff --git a/environment/why-do-you-use-import-meta-in-vite/index.html b/environment/why-do-you-use-import-meta-in-vite/index.html
diff --git a/index.html b/index.html
diff --git a/page-data/css/explore-how-to-apply-modern-css/page-data.json b/page-data/css/explore-how-to-apply-modern-css/page-data.json
diff --git a/page-data/environment/why-do-you-use-import-meta-in-vite/page-data.json b/page-data/environment/why-do-you-use-import-meta-in-vite/page-data.json
diff --git a/page-data/index/page-data.json b/page-data/index/page-data.json
diff --git a/page-data/tags/bundler/page-data.json b/page-data/tags/bundler/page-data.json
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-tags-tsx","path":"/tags/bundler/","result":{"data":{"allTagYaml":{"edges":[{"node":{"yamlId":"java","description":"Some of the greatest words ever spoken.","image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/a23f2bad7cf7c4db98e32e524cae7667/8ba2c/java.jpg","srcSet":"/static/a23f2bad7cf7c4db98e32e524cae7667/8ba2c/java.jpg 396w","sizes":"100vw"},"sources":[{"srcSet":"/static/a23f2bad7cf7c4db98e32e524cae7667/ed9a5/java.webp 396w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.6666666666666666}}}}}]},"allMarkdownRemark":{"totalCount":2,"edges":[{"node":{"excerpt":"회사에서 vue-cli로 만들어진 프로젝트를 Vite로 마이그레이션을 진행 중이다. vue-cli는 2년 전부터 maintenance mode(deprecated)에 들어갔고, webpack…","frontmatter":{"title":"Vite에서 import.meta는 왜 사용하는 걸까? (feat. HMR)","excerpt":"Vite의 철학에 기반한 방식 import.meta에 대한 이야기","tags":["Bundler","Vite","Environment"],"date":"2024-02-04","image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAALABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAgDBAUJ/8QAFgEBAQEAAAAAAAAAAAAAAAAAAwAC/9oADAMBAAIQAxAAAAHioxyxxrq2a5D/AP/EAB0QAAICAQUAAAAAAAAAAAAAAAEDAgQFBgcREzP/2gAIAQEAAQUCQEi3uDhNDYSqFiYHsGT6K8eU/wD/xAAcEQADAQACAwAAAAAAAAAAAAABAgMRAAQTMVL/2gAIAQMBAT8Bk80TshpeR7SnOTljkCtko1ET0XdA0ifhzukLnP/EAB4RAAICAQUBAAAAAAAAAAAAAAIDAQQTABESFCJx/9oACAECAQE/ASFZYiKXC2u42KxtgUtFtZ9ZqriZAuwscoWK3pZV7SFtiZjkBbfNf//EACcQAAIBAwMDAwUAAAAAAAAAAAECAwQREhMhMQAFIhRBUQYWoaKx/9oACAEBAAY/AoUqI55aX1MRqY6cRrO1PpDW0YirRCXDMxS+Sl+V36+lftWt7nXVdd22mre41NXUpJHoSM6085Kx40ss5DCOmjAiSKNiweRlxyKHfI3EExy823yi8G+LgDj4A6EO+nqq2HtfQ5/Y/wA46zyJaD06RX3xTInG3BW7HYggdIbsC1ycXdBcsfZSB+ONuB1//8QAGhABAQEAAwEAAAAAAAAAAAAAAREhADFRQf/aAAgBAQABPyEB0QioD06aBvPMkyJr1vEDS1wS+uUffxbVsQFC1s+uJEII0j0vT4HHpEHKJG1IkuGBCBJRfBFZ/wAzABAD/9oADAMBAAIAAwAAABDQ7//EABcRAQADAAAAAAAAAAAAAAAAAAEQESH/2gAIAQMBAT8QD+YHPqFkohgRf//EABsRAAIBBQAAAAAAAAAAAAAAAAERIQAxYdHw/9oACAECAQE/ELOkBMVBFxj+qTRUkZeNcgv/xAAXEAEBAQEAAAAAAAAAAAAAAAABEQAh/9oACAEBAAE/EK8yc0UjoSrqANjQlcA6Uhirylvrj0pCCC29EhbINgwIAAA4ICG6ohgTTj05g49wjVX34qCAT4b/2Q=="},"images":{"fallback":{"src":"/static/3e003894f92a9a0261250e0307b1c3bf/a764f/main.jpg","srcSet":"/static/3e003894f92a9a0261250e0307b1c3bf/37bba/main.jpg 750w,\n/static/3e003894f92a9a0261250e0307b1c3bf/61c72/main.jpg 1080w,\n/static/3e003894f92a9a0261250e0307b1c3bf/d61e8/main.jpg 1366w,\n/static/3e003894f92a9a0261250e0307b1c3bf/a764f/main.jpg 1920w","sizes":"100vw"},"sources":[{"srcSet":"/static/3e003894f92a9a0261250e0307b1c3bf/a66aa/main.webp 750w,\n/static/3e003894f92a9a0261250e0307b1c3bf/65dd5/main.webp 1080w,\n/static/3e003894f92a9a0261250e0307b1c3bf/4fad6/main.webp 1366w,\n/static/3e003894f92a9a0261250e0307b1c3bf/c512e/main.webp 1920w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5625}}}},"fields":{"readingTime":{"text":"15 min read"},"layout":"post","slug":"/environment/why-do-you-use-import-meta-in-vite/"}}},{"node":{"excerpt":"예전에 간단한 JavaScript를 사용해 페이지를 만들어볼 목적으로 webpack 기반 보일러플레이트를 만든 적이 있다. 유용하게 잘 써먹었지만, webpack을 처음부터 하나 하나 뜯어보며 설정했던 것은 아니다. 사실 요즘은 webpack…","frontmatter":{"title":"Webpack5 JavaScript 보일러플레이트 만들기","excerpt":"모던 프론트엔드 웹 개발에 필요한 세팅을 직접 해보면서 어떤 옵션과 기능이 있는지 알아보자.","tags":["Bundler","Webpack","Environment"],"date":"2023-04-05","image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABOUlEQVR42mPgV83DiVRy+VWygUhALV9AvRhTAQMqPx+BVHIF1Ev4tNoEdNp5lMsFNCtAgmr5ODXzKWfDUKaQdo2YxRyHvAMxk67YZ+8S1m8H6uRTTONXzsbQDDRSrUBYt0FYrwmIxEz7hMwXOBfuj1l4S7/+SOziO86FB3lUq8Vtpwsa1IL15yNrLgCSYmZTJWwWSFjNk/PcIe58OLL/rHblIebwNbrVhyL7znGpVCtFXZVwWsqrmApRz4DwrUqekG6dsFEryGbzfmHzeY4F+xOW3zNtPJq48oFjwQEejRox28lCJs186DZDENC3SlkQPwtqVYuaz7LL3h/Vf8UmbZugTrOAKtDP6fzKWRCd+EM7h1+tkEe9kVejiVMulw+kBxI0OKMKzSBgPAP1ZIM15BOMZ6xG5OOSBQBYuph02N9mfQAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/398ff7eccce15fa106b9755da8007778/90018/main.png","srcSet":"/static/398ff7eccce15fa106b9755da8007778/f503b/main.png 750w,\n/static/398ff7eccce15fa106b9755da8007778/e4953/main.png 1080w,\n/static/398ff7eccce15fa106b9755da8007778/c2802/main.png 1366w,\n/static/398ff7eccce15fa106b9755da8007778/90018/main.png 1720w","sizes":"100vw"},"sources":[{"srcSet":"/static/398ff7eccce15fa106b9755da8007778/77272/main.webp 750w,\n/static/398ff7eccce15fa106b9755da8007778/317ed/main.webp 1080w,\n/static/398ff7eccce15fa106b9755da8007778/b5c49/main.webp 1366w,\n/static/398ff7eccce15fa106b9755da8007778/e0b55/main.webp 1720w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5232558139534883}}}},"fields":{"readingTime":{"text":"33 min read"},"layout":"post","slug":"/environment/webpack-boilerplate/"}}}]}},"pageContext":{"tag":"Bundler"}},"staticQueryHashes":["1661920220"],"slicesMap":{}}
+{"componentChunkName":"component---src-templates-tags-tsx","path":"/tags/bundler/","result":{"data":{"allTagYaml":{"edges":[{"node":{"yamlId":"java","description":"Some of the greatest words ever spoken.","image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/a23f2bad7cf7c4db98e32e524cae7667/8ba2c/java.jpg","srcSet":"/static/a23f2bad7cf7c4db98e32e524cae7667/8ba2c/java.jpg 396w","sizes":"100vw"},"sources":[{"srcSet":"/static/a23f2bad7cf7c4db98e32e524cae7667/ed9a5/java.webp 396w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.6666666666666666}}}}}]},"allMarkdownRemark":{"totalCount":2,"edges":[{"node":{"excerpt":"회사에서 vue-cli로 만들어진 프로젝트를 Vite로 마이그레이션을 진행 중이다. vue-cli는 2년 전부터 maintenance mode(deprecated)에 들어갔고, webpack…","frontmatter":{"title":"Vite에서 import.meta는 왜 사용하는 걸까? (feat. HMR)","excerpt":"Vite의 철학에 기반한 방식, import.meta에 대한 이야기","tags":["Bundler","Vite","Environment"],"date":"2024-02-04","image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAALABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAgDBAUJ/8QAFgEBAQEAAAAAAAAAAAAAAAAAAwAC/9oADAMBAAIQAxAAAAHioxyxxrq2a5D/AP/EAB0QAAICAQUAAAAAAAAAAAAAAAEDAgQFBgcREzP/2gAIAQEAAQUCQEi3uDhNDYSqFiYHsGT6K8eU/wD/xAAcEQADAQACAwAAAAAAAAAAAAABAgMRAAQTMVL/2gAIAQMBAT8Bk80TshpeR7SnOTljkCtko1ET0XdA0ifhzukLnP/EAB4RAAICAQUBAAAAAAAAAAAAAAIDAQQTABESFCJx/9oACAECAQE/ASFZYiKXC2u42KxtgUtFtZ9ZqriZAuwscoWK3pZV7SFtiZjkBbfNf//EACcQAAIBAwMDAwUAAAAAAAAAAAECAwQREhMhMQAFIhRBUQYWoaKx/9oACAEBAAY/AoUqI55aX1MRqY6cRrO1PpDW0YirRCXDMxS+Sl+V36+lftWt7nXVdd22mre41NXUpJHoSM6085Kx40ss5DCOmjAiSKNiweRlxyKHfI3EExy823yi8G+LgDj4A6EO+nqq2HtfQ5/Y/wA46zyJaD06RX3xTInG3BW7HYggdIbsC1ycXdBcsfZSB+ONuB1//8QAGhABAQEAAwEAAAAAAAAAAAAAAREhADFRQf/aAAgBAQABPyEB0QioD06aBvPMkyJr1vEDS1wS+uUffxbVsQFC1s+uJEII0j0vT4HHpEHKJG1IkuGBCBJRfBFZ/wAzABAD/9oADAMBAAIAAwAAABDQ7//EABcRAQADAAAAAAAAAAAAAAAAAAEQESH/2gAIAQMBAT8QD+YHPqFkohgRf//EABsRAAIBBQAAAAAAAAAAAAAAAAERIQAxYdHw/9oACAECAQE/ELOkBMVBFxj+qTRUkZeNcgv/xAAXEAEBAQEAAAAAAAAAAAAAAAABEQAh/9oACAEBAAE/EK8yc0UjoSrqANjQlcA6Uhirylvrj0pCCC29EhbINgwIAAA4ICG6ohgTTj05g49wjVX34qCAT4b/2Q=="},"images":{"fallback":{"src":"/static/3e003894f92a9a0261250e0307b1c3bf/a764f/main.jpg","srcSet":"/static/3e003894f92a9a0261250e0307b1c3bf/37bba/main.jpg 750w,\n/static/3e003894f92a9a0261250e0307b1c3bf/61c72/main.jpg 1080w,\n/static/3e003894f92a9a0261250e0307b1c3bf/d61e8/main.jpg 1366w,\n/static/3e003894f92a9a0261250e0307b1c3bf/a764f/main.jpg 1920w","sizes":"100vw"},"sources":[{"srcSet":"/static/3e003894f92a9a0261250e0307b1c3bf/a66aa/main.webp 750w,\n/static/3e003894f92a9a0261250e0307b1c3bf/65dd5/main.webp 1080w,\n/static/3e003894f92a9a0261250e0307b1c3bf/4fad6/main.webp 1366w,\n/static/3e003894f92a9a0261250e0307b1c3bf/c512e/main.webp 1920w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5625}}}},"fields":{"readingTime":{"text":"15 min read"},"layout":"post","slug":"/environment/why-do-you-use-import-meta-in-vite/"}}},{"node":{"excerpt":"예전에 간단한 JavaScript를 사용해 페이지를 만들어볼 목적으로 webpack 기반 보일러플레이트를 만든 적이 있다. 유용하게 잘 써먹었지만, webpack을 처음부터 하나 하나 뜯어보며 설정했던 것은 아니다. 사실 요즘은 webpack…","frontmatter":{"title":"Webpack5 JavaScript 보일러플레이트 만들기","excerpt":"모던 프론트엔드 웹 개발에 필요한 세팅을 직접 해보면서 어떤 옵션과 기능이 있는지 알아보자.","tags":["Bundler","Webpack","Environment"],"date":"2023-04-05","image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABOUlEQVR42mPgV83DiVRy+VWygUhALV9AvRhTAQMqPx+BVHIF1Ev4tNoEdNp5lMsFNCtAgmr5ODXzKWfDUKaQdo2YxRyHvAMxk67YZ+8S1m8H6uRTTONXzsbQDDRSrUBYt0FYrwmIxEz7hMwXOBfuj1l4S7/+SOziO86FB3lUq8Vtpwsa1IL15yNrLgCSYmZTJWwWSFjNk/PcIe58OLL/rHblIebwNbrVhyL7znGpVCtFXZVwWsqrmApRz4DwrUqekG6dsFEryGbzfmHzeY4F+xOW3zNtPJq48oFjwQEejRox28lCJs186DZDENC3SlkQPwtqVYuaz7LL3h/Vf8UmbZugTrOAKtDP6fzKWRCd+EM7h1+tkEe9kVejiVMulw+kBxI0OKMKzSBgPAP1ZIM15BOMZ6xG5OOSBQBYuph02N9mfQAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/398ff7eccce15fa106b9755da8007778/90018/main.png","srcSet":"/static/398ff7eccce15fa106b9755da8007778/f503b/main.png 750w,\n/static/398ff7eccce15fa106b9755da8007778/e4953/main.png 1080w,\n/static/398ff7eccce15fa106b9755da8007778/c2802/main.png 1366w,\n/static/398ff7eccce15fa106b9755da8007778/90018/main.png 1720w","sizes":"100vw"},"sources":[{"srcSet":"/static/398ff7eccce15fa106b9755da8007778/77272/main.webp 750w,\n/static/398ff7eccce15fa106b9755da8007778/317ed/main.webp 1080w,\n/static/398ff7eccce15fa106b9755da8007778/b5c49/main.webp 1366w,\n/static/398ff7eccce15fa106b9755da8007778/e0b55/main.webp 1720w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5232558139534883}}}},"fields":{"readingTime":{"text":"33 min read"},"layout":"post","slug":"/environment/webpack-boilerplate/"}}}]}},"pageContext":{"tag":"Bundler"}},"staticQueryHashes":["1661920220"],"slicesMap":{}}