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":"한영타변환기 Alfred Workflow 개발기","date":"2023-06-10T20:25:47","tags":["Tool","Alfred"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#181828","images":{"fallback":{"src":"/static/24a1413e882f06cfbb3af834a3ff3897/252b8/main.png","srcSet":"/static/24a1413e882f06cfbb3af834a3ff3897/13110/main.png 750w,\n/static/24a1413e882f06cfbb3af834a3ff3897/6f9ad/main.png 1080w,\n/static/24a1413e882f06cfbb3af834a3ff3897/bf69c/main.png 1366w,\n/static/24a1413e882f06cfbb3af834a3ff3897/252b8/main.png 1556w","sizes":"100vw"},"sources":[{"srcSet":"/static/24a1413e882f06cfbb3af834a3ff3897/b665d/main.webp 750w,\n/static/24a1413e882f06cfbb3af834a3ff3897/71b9a/main.webp 1080w,\n/static/24a1413e882f06cfbb3af834a3ff3897/9aed2/main.webp 1366w,\n/static/24a1413e882f06cfbb3af834a3ff3897/cf8f0/main.webp 1556w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.4717223650385604}}},"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":"요구사항 문서를 정독할 때 때로는 타이핑해서 옮겨 적는 것도 큰 도움이 되는 편이다. 편집기랑 창을 양쪽으로 분할 한 뒤 이해한 부분을 타이핑 하다보면 한글 타자와 영어 타자가 원하는대로 타이핑 되지 않는 상황이 꽤나 많았다. 내 맥은 CapsLock…","fields":{"readingTime":{"text":"16 min read"},"layout":"post","slug":"/tools/alfred-korean-english-converter/"}}},{"node":{"frontmatter":{"title":"React 렌더링과정으로 알아보는 선언적이라는 의미","date":"2023-06-05","tags":["React"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#080808","images":{"fallback":{"src":"/static/92e9e7c58417eb645b9883cda6aa1359/3440d/main.jpg","srcSet":"/static/92e9e7c58417eb645b9883cda6aa1359/3440d/main.jpg 640w","sizes":"100vw"},"sources":[{"srcSet":"/static/92e9e7c58417eb645b9883cda6aa1359/17574/main.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":"라이브러리와 프레임워크 “The library for web and native user interfaces” (웹 및 네이티브 사용자 인터페이스용 라이브러리) 새로 개편된 React 공식 홈페이지에 있는 문구이다. 개편 되기 전 React…","fields":{"readingTime":{"text":"33 min read"},"layout":"post","slug":"/react/declarative-meaning-of-react-rendering-process/"}}},{"node":{"frontmatter":{"title":"React는 Hooks를 배열로 관리하고 있다","date":"2023-05-27","tags":["React"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#080808","images":{"fallback":{"src":"/static/7dacabb3ac12d6aa95692bbc4ff21a03/4d5c4/main.jpg","srcSet":"/static/7dacabb3ac12d6aa95692bbc4ff21a03/4d5c4/main.jpg 640w","sizes":"100vw"},"sources":[{"srcSet":"/static/7dacabb3ac12d6aa95692bbc4ff21a03/ffef7/main.webp 640w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.75}}},"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":"React는 Hooks을 배열()로 관리하고 있다. 이는 Hooks를 관리하고 있는 배열에 index로 접근할 수 있다는 뜻이며, 이는 호출 순서에 의존하고 있다는 뜻이다. (아래에서 예시로 든 코드는 보기 쉽게 Linked List…","fields":{"readingTime":{"text":"24 min read"},"layout":"post","slug":"/react/react-is-managing-hooks-as-an-array/"}}}]}},"pageContext":{}},"staticQueryHashes":["2234322554","3549156140"],"slicesMap":{}}
+{"componentChunkName":"component---src-pages-404-tsx","path":"/404.html","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":"react query에서 mutation 이후 데이터 업데이트","date":"2023-07-02","tags":["react-query"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f85858","images":{"fallback":{"src":"/static/848a29a42bca253c5a3a44c252c3720f/81547/main.webp","srcSet":"/static/848a29a42bca253c5a3a44c252c3720f/73e0d/main.webp 750w,\n/static/848a29a42bca253c5a3a44c252c3720f/9fede/main.webp 1080w,\n/static/848a29a42bca253c5a3a44c252c3720f/81547/main.webp 1200w","sizes":"100vw"},"sources":[]},"width":1,"height":0.525}}},"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":"React Query는 데이터 fetching 라이브러리로 소개되지만, 서버 상태 가져오기, 캐싱, 동기화 및 업데이트를 쉽게할 수 있는 라이브러리다. React와 같은 SPA 프레임워크를 사용할 때 fetching…","fields":{"readingTime":{"text":"25 min read"},"layout":"post","slug":"/react-query/mutation-after-data-update/"}}},{"node":{"frontmatter":{"title":"한영타변환기 Alfred Workflow 개발기","date":"2023-06-10T20:25:47","tags":["Tool","Alfred"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#181828","images":{"fallback":{"src":"/static/24a1413e882f06cfbb3af834a3ff3897/252b8/main.png","srcSet":"/static/24a1413e882f06cfbb3af834a3ff3897/13110/main.png 750w,\n/static/24a1413e882f06cfbb3af834a3ff3897/6f9ad/main.png 1080w,\n/static/24a1413e882f06cfbb3af834a3ff3897/bf69c/main.png 1366w,\n/static/24a1413e882f06cfbb3af834a3ff3897/252b8/main.png 1556w","sizes":"100vw"},"sources":[{"srcSet":"/static/24a1413e882f06cfbb3af834a3ff3897/b665d/main.webp 750w,\n/static/24a1413e882f06cfbb3af834a3ff3897/71b9a/main.webp 1080w,\n/static/24a1413e882f06cfbb3af834a3ff3897/9aed2/main.webp 1366w,\n/static/24a1413e882f06cfbb3af834a3ff3897/cf8f0/main.webp 1556w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.4717223650385604}}},"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":"요구사항 문서를 정독할 때 때로는 타이핑해서 옮겨 적는 것도 큰 도움이 되는 편이다. 편집기랑 창을 양쪽으로 분할 한 뒤 이해한 부분을 타이핑 하다보면 한글 타자와 영어 타자가 원하는대로 타이핑 되지 않는 상황이 꽤나 많았다. 내 맥은 CapsLock…","fields":{"readingTime":{"text":"16 min read"},"layout":"post","slug":"/tools/alfred-korean-english-converter/"}}},{"node":{"frontmatter":{"title":"React 렌더링과정으로 알아보는 선언적이라는 의미","date":"2023-06-05","tags":["React"],"image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#080808","images":{"fallback":{"src":"/static/92e9e7c58417eb645b9883cda6aa1359/3440d/main.jpg","srcSet":"/static/92e9e7c58417eb645b9883cda6aa1359/3440d/main.jpg 640w","sizes":"100vw"},"sources":[{"srcSet":"/static/92e9e7c58417eb645b9883cda6aa1359/17574/main.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":"라이브러리와 프레임워크 “The library for web and native user interfaces” (웹 및 네이티브 사용자 인터페이스용 라이브러리) 새로 개편된 React 공식 홈페이지에 있는 문구이다. 개편 되기 전 React…","fields":{"readingTime":{"text":"33 min read"},"layout":"post","slug":"/react/declarative-meaning-of-react-rendering-process/"}}}]}},"pageContext":{}},"staticQueryHashes":["2234322554","3549156140"],"slicesMap":{}}