{"componentChunkName":"component---src-templates-blog-post-js","path":"/vue/vue-js-vuex-설치-및-등록/","result":{"data":{"site":{"siteMetadata":{"title":"Bottlehs Tech Blog","description":"웹·앱·AI 개발자 전병훈(bottlehs)의 기술 블로그. AI·LLM, JavaScript·Vue, Spring Boot, 알고리즘, 블록체인 실무 가이드를 다룹니다","siteUrl":"https://www.bottlehs.dev","author":{"name":"Jeon Byung Hun","summary":"개발을 즐기는 bottlehs - Engineer, MS, AI, FE, BE, OS, IOT, Blockchain, 설계, 테스트"},"social":{"github":"bottlehs","codepen":"bottlehs"}}},"markdownRemark":{"id":"a9ac6d4d-11e6-55cc-8a85-c241e9d18bac","excerpt":"Vue Js Vuex 설치 및 등록 Vuex 설치 및 등록 Vue Js Vuex Install Vuex 를 등록할 자바스크립트 파일을 하나 새로 생성합니다. 이름은 store/index.js 로 합니다. Vue Js Vuex Dir main.js 에 Vuex Store Instance…","html":"<p><img src=\"/assets/vue-logo.png\" alt=\"Vue Js Vuex 설치 및 등록\" title=\"Vue Js Vuex 설치 및 등록\"></p>\n<h2 id=\"vuex-설치-및-등록\" style=\"position:relative;\"><a href=\"#vuex-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EB%93%B1%EB%A1%9D\" aria-label=\"vuex 설치 및 등록 permalink\" class=\"anchor-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Vuex 설치 및 등록</h2>\n<div class=\"gatsby-highlight\" data-language=\"npm\"><pre class=\"language-npm\"><code class=\"language-npm\">npm install vuex</code></pre></div>\n<p><img src=\"/assets/vue-vuex-install.png\" alt=\"Vue Js Vuex Install\" title=\"Vue Js Vuex Install\"></p>\n<p>Vuex 를 등록할 자바스크립트 파일을 하나 새로 생성합니다. 이름은 store/index.js 로 합니다.</p>\n<p><img src=\"/assets/vue-vuex-install-dir.png\" alt=\"Vue Js Vuex Dir\" title=\"Vue Js Vuex Dir\"></p>\n<p>main.js 에 Vuex Store Instance 를 연결 합니다.</p>\n<p><img src=\"/assets/vue-vuex-main-instance.png\" alt=\"Vue Js Vuex Dir\" title=\"Vue Js Vuex Dir\"></p>","tableOfContents":"<ul>\n<li><a href=\"/vue/vue-js-vuex-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EB%93%B1%EB%A1%9D/#vuex-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EB%93%B1%EB%A1%9D\">Vuex 설치 및 등록</a></li>\n</ul>","wordCount":{"words":43},"fields":{"slug":"/vue/vue-js-vuex-설치-및-등록/","image":"/assets/vue-logo.png","faq":[]},"frontmatter":{"title":"Vue Js Vuex 설치 및 등록","date":"2021년 4월 11일","dateISO":"2021-04-11T19:11:34.709Z","updatedISO":null,"category":"vue","description":"Vuex는 npm install vuex 로 설치 할수 있다.","tags":["vue","javascript","framework","frontend","web","vuex"]}}},"pageContext":{"slug":"/vue/vue-js-vuex-설치-및-등록/","previous":{"fields":{"slug":"/springboot/스프링-부트-unit-test/"},"frontmatter":{"title":"스프링 부트 Unit Test","tags":["스프링","스프링부트","Spring","SpringBoot","Java","프레임워크","스프링부트구조","아키텍쳐","Junit"]}},"next":{"fields":{"slug":"/vue/vue-js-vuex-state-mutations-actions-getters-이해-및-활용/"},"frontmatter":{"title":"Vue Js Vuex State, Mutations, Actions, Getters 이해 및 활용","tags":["vue","javascript","framework","frontend","web","vuex","mutations","actions","getters"]}}}},"staticQueryHashes":["213619243","3262363727"]}