Updates

page-data/404.html/page-data.json

@@ -1 +1 @@
-{"componentChunkName":"component---src-pages-404-tsx","path":"/404.html","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":"TypeScript의 기본개념과 환경설정","date":"2023-05-05","tags":["TypeScript"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/e092969a3269e232f50e03e941f3d22f/c02d0/main.png","srcSet":"/static/e092969a3269e232f50e03e941f3d22f/38824/main.png 750w,\n/static/e092969a3269e232f50e03e941f3d22f/c02d0/main.png 800w","sizes":"100vw"},"sources":[{"srcSet":"/static/e092969a3269e232f50e03e941f3d22f/24bb5/main.webp 750w,\n/static/e092969a3269e232f50e03e941f3d22f/a78a0/main.webp 800w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5475}}},"author":[{"name":"Pozafly","bio":"Frontend Developer","avatar":{"children":[{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#6808f8","images":{"fallback":{"src":"/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg","srcSet":"/static/8c061761f263c344f2c0416607c8adf1/2f28c/pozafly.jpg 40w,\n/static/8c061761f263c344f2c0416607c8adf1/499f6/pozafly.jpg 80w,\n/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg 120w","sizes":"100vw"},"sources":[{"srcSet":"/static/8c061761f263c344f2c0416607c8adf1/e73fe/pozafly.webp 40w,\n/static/8c061761f263c344f2c0416607c8adf1/61ca6/pozafly.webp 80w,\n/static/8c061761f263c344f2c0416607c8adf1/507b0/pozafly.webp 120w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}]}}]},"excerpt":"TypeScript를 사용해 개발 하는 단계는 크게 3가지로 나눌 수 있다. Lint stage Compile stage Runtime stage Lint stage는 개발자가 코드를 작성하는 시점이다. Compile stage…","fields":{"readingTime":{"text":"30 min read"},"layout":"post","slug":"/typescript/typescript-env/"}}},{"node":{"frontmatter":{"title":"JavaScript MVC 패턴으로 만드는 SPA","date":"2023-04-17","tags":["JavaScript","Design Pattern"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#c8d8d8","images":{"fallback":{"src":"/static/5349dfe902fbdb7676264f2e7aae8a83/3440d/javascriptMvc.jpg","srcSet":"/static/5349dfe902fbdb7676264f2e7aae8a83/3440d/javascriptMvc.jpg 640w","sizes":"100vw"},"sources":[{"srcSet":"/static/5349dfe902fbdb7676264f2e7aae8a83/17574/javascriptMvc.webp 640w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5625}}},"author":[{"name":"Pozafly","bio":"Frontend Developer","avatar":{"children":[{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#6808f8","images":{"fallback":{"src":"/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg","srcSet":"/static/8c061761f263c344f2c0416607c8adf1/2f28c/pozafly.jpg 40w,\n/static/8c061761f263c344f2c0416607c8adf1/499f6/pozafly.jpg 80w,\n/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg 120w","sizes":"100vw"},"sources":[{"srcSet":"/static/8c061761f263c344f2c0416607c8adf1/e73fe/pozafly.webp 40w,\n/static/8c061761f263c344f2c0416607c8adf1/61ca6/pozafly.webp 80w,\n/static/8c061761f263c344f2c0416607c8adf1/507b0/pozafly.webp 120w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}]}}]},"excerpt":"모던 JavaScript 프레임워크는 여러 패턴을 따른다. MVVM 패턴, Flux 패턴, Component 패턴 등. 다양한 문제를 해결하기 위해 다양한 패턴이 생겨났다. 이번에는 예전부터 사용되어온 MVC 패턴을 JavaScript…","fields":{"readingTime":{"text":"26 min read"},"layout":"post","slug":"/javascript/javascript-mvc/"}}},{"node":{"frontmatter":{"title":"Webpack5 JavaScript 보일러플레이트 만들기","date":"2023-04-05","tags":["Webpack","Bundler","Tool"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#082868","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}}},"author":[{"name":"Pozafly","bio":"Frontend Developer","avatar":{"children":[{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#6808f8","images":{"fallback":{"src":"/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg","srcSet":"/static/8c061761f263c344f2c0416607c8adf1/2f28c/pozafly.jpg 40w,\n/static/8c061761f263c344f2c0416607c8adf1/499f6/pozafly.jpg 80w,\n/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg 120w","sizes":"100vw"},"sources":[{"srcSet":"/static/8c061761f263c344f2c0416607c8adf1/e73fe/pozafly.webp 40w,\n/static/8c061761f263c344f2c0416607c8adf1/61ca6/pozafly.webp 80w,\n/static/8c061761f263c344f2c0416607c8adf1/507b0/pozafly.webp 120w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}]}}]},"excerpt":"예전에 간단한 JavaScript를 사용해 페이지를 만들어볼 목적으로 webpack 기반 보일러플레이트를 만든 적이 있다. 유용하게 잘 써먹었지만, webpack을 처음부터 하나 하나 뜯어보며 설정했던 것은 아니다. 사실 요즘은 webpack…","fields":{"readingTime":{"text":"63 min read"},"layout":"post","slug":"/environment/webpack-boilerplate/"}}}]}},"pageContext":{}},"staticQueryHashes":["2234322554","3549156140"],"slicesMap":{}}
+{"componentChunkName":"component---src-pages-404-tsx","path":"/404.html","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":"왜 TypeScript는 void 타입을 사용해도 값을 return 할 수 있을까?","date":"2023-05-09","tags":["TypeScript"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#3838e8","images":{"fallback":{"src":"/static/6f6b5eaafc9d6028faebbb4ea16c26fc/8ad6a/main.jpg","srcSet":"/static/6f6b5eaafc9d6028faebbb4ea16c26fc/8ad6a/main.jpg 637w","sizes":"100vw"},"sources":[{"srcSet":"/static/6f6b5eaafc9d6028faebbb4ea16c26fc/85b8e/main.webp 637w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.6671899529042387}}},"author":[{"name":"Pozafly","bio":"Frontend Developer","avatar":{"children":[{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#6808f8","images":{"fallback":{"src":"/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg","srcSet":"/static/8c061761f263c344f2c0416607c8adf1/2f28c/pozafly.jpg 40w,\n/static/8c061761f263c344f2c0416607c8adf1/499f6/pozafly.jpg 80w,\n/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg 120w","sizes":"100vw"},"sources":[{"srcSet":"/static/8c061761f263c344f2c0416607c8adf1/e73fe/pozafly.webp 40w,\n/static/8c061761f263c344f2c0416607c8adf1/61ca6/pozafly.webp 80w,\n/static/8c061761f263c344f2c0416607c8adf1/507b0/pozafly.webp 120w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}]}}]},"excerpt":"void의 기본 선언 방식 void는 TypeScript에서 흔하게 사용하는 타입이다. 주로 함수에서 이 없을 경우 return 타입으로 void…","fields":{"readingTime":{"text":"13 min read"},"layout":"post","slug":"/typescript/why-can-typescript-return-any-value-using-void/"}}},{"node":{"frontmatter":{"title":"TypeScript의 기본개념과 환경설정","date":"2023-05-05","tags":["TypeScript"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/e092969a3269e232f50e03e941f3d22f/c02d0/main.png","srcSet":"/static/e092969a3269e232f50e03e941f3d22f/38824/main.png 750w,\n/static/e092969a3269e232f50e03e941f3d22f/c02d0/main.png 800w","sizes":"100vw"},"sources":[{"srcSet":"/static/e092969a3269e232f50e03e941f3d22f/24bb5/main.webp 750w,\n/static/e092969a3269e232f50e03e941f3d22f/a78a0/main.webp 800w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5475}}},"author":[{"name":"Pozafly","bio":"Frontend Developer","avatar":{"children":[{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#6808f8","images":{"fallback":{"src":"/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg","srcSet":"/static/8c061761f263c344f2c0416607c8adf1/2f28c/pozafly.jpg 40w,\n/static/8c061761f263c344f2c0416607c8adf1/499f6/pozafly.jpg 80w,\n/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg 120w","sizes":"100vw"},"sources":[{"srcSet":"/static/8c061761f263c344f2c0416607c8adf1/e73fe/pozafly.webp 40w,\n/static/8c061761f263c344f2c0416607c8adf1/61ca6/pozafly.webp 80w,\n/static/8c061761f263c344f2c0416607c8adf1/507b0/pozafly.webp 120w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}]}}]},"excerpt":"TypeScript를 사용해 개발 하는 단계는 크게 3가지로 나눌 수 있다. Lint stage Compile stage Runtime stage Lint stage는 개발자가 코드를 작성하는 시점이다. Compile stage…","fields":{"readingTime":{"text":"30 min read"},"layout":"post","slug":"/typescript/typescript-env/"}}},{"node":{"frontmatter":{"title":"JavaScript MVC 패턴으로 만드는 SPA","date":"2023-04-17","tags":["JavaScript","Design Pattern"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#c8d8d8","images":{"fallback":{"src":"/static/5349dfe902fbdb7676264f2e7aae8a83/3440d/javascriptMvc.jpg","srcSet":"/static/5349dfe902fbdb7676264f2e7aae8a83/3440d/javascriptMvc.jpg 640w","sizes":"100vw"},"sources":[{"srcSet":"/static/5349dfe902fbdb7676264f2e7aae8a83/17574/javascriptMvc.webp 640w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.5625}}},"author":[{"name":"Pozafly","bio":"Frontend Developer","avatar":{"children":[{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#6808f8","images":{"fallback":{"src":"/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg","srcSet":"/static/8c061761f263c344f2c0416607c8adf1/2f28c/pozafly.jpg 40w,\n/static/8c061761f263c344f2c0416607c8adf1/499f6/pozafly.jpg 80w,\n/static/8c061761f263c344f2c0416607c8adf1/73bb6/pozafly.jpg 120w","sizes":"100vw"},"sources":[{"srcSet":"/static/8c061761f263c344f2c0416607c8adf1/e73fe/pozafly.webp 40w,\n/static/8c061761f263c344f2c0416607c8adf1/61ca6/pozafly.webp 80w,\n/static/8c061761f263c344f2c0416607c8adf1/507b0/pozafly.webp 120w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1}}]}}]},"excerpt":"모던 JavaScript 프레임워크는 여러 패턴을 따른다. MVVM 패턴, Flux 패턴, Component 패턴 등. 다양한 문제를 해결하기 위해 다양한 패턴이 생겨났다. 이번에는 예전부터 사용되어온 MVC 패턴을 JavaScript…","fields":{"readingTime":{"text":"26 min read"},"layout":"post","slug":"/javascript/javascript-mvc/"}}}]}},"pageContext":{}},"staticQueryHashes":["2234322554","3549156140"],"slicesMap":{}}