{"componentChunkName":"component---src-templates-blog-post-js","path":"/JavaScript/Data_Types/","result":{"data":{"site":{"siteMetadata":{"title":"JULog","author":"[Ju Chan Hwang]","siteUrl":"https://julog.netlify.app","comment":{"disqusShortName":"","utterances":"JuChanHwang/gatsby-starter-bee"},"sponsor":{"buyMeACoffeeId":"jbee"}}},"markdownRemark":{"id":"0c729eb3-77b3-5584-9376-38876a80409a","excerpt":"자바스크립트 데이터 타입은 크게 두 가지로 분류된다. Primitive Type 데이터가 담길 공간을 확보 데이터의 주소값을 가지고 변수명 b와 매칭 매칭된 @314주소로 이동해 문자열 값 ‘abc’를 저장 Reference Type 데이터가 담길 공간을 확보 데이터의 주소값을 가지고 변수명 obj와 매칭 참조형 데이터의 공간을 새로 확보 ‘a’프로퍼티와 ‘b’ 프로퍼티를 담을 새로운 공간을 확보 매칭된 주소에 @1012 = 1 @1013 = ‘b…","html":"<p>자바스크립트 데이터 타입은 크게 두 가지로 분류된다.</p>\n<img width=\"800\" alt=\"스크린샷 2020-06-04 오후 7 09 16\" src=\"https://user-images.githubusercontent.com/36187948/83744358-fb524700-a696-11ea-9fb1-80892a061a5a.png\">\n<ul>\n<li>Primitive Type</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">var</span> b <span class=\"token operator\">=</span> <span class=\"token string\">'abc'</span><span class=\"token punctuation\">;</span></code></pre></div>\n<ol>\n<li>데이터가 담길 공간을 확보</li>\n<li>데이터의 주소값을 가지고 변수명 b와 매칭</li>\n<li>매칭된 @314주소로 이동해 문자열 값 ‘abc’를 저장</li>\n</ol>\n<img width=\"800\" alt=\"스크린샷 2020-06-04 오후 7 13 51\" src=\"https://user-images.githubusercontent.com/36187948/83745709-ebd3fd80-a698-11ea-905b-c75d13984ba0.png\">\n<ul>\n<li>Reference Type</li>\n</ul>\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">var</span> obj <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token literal-property property\">a</span><span class=\"token operator\">:</span> <span class=\"token number\">1</span><span class=\"token punctuation\">,</span>\n  <span class=\"token literal-property property\">b</span><span class=\"token operator\">:</span> <span class=\"token string\">'b'</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span></code></pre></div>\n<ol>\n<li>데이터가 담길 공간을 확보</li>\n<li>데이터의 주소값을 가지고 변수명 obj와 매칭</li>\n<li>참조형 데이터의 공간을 새로 확보</li>\n<li>‘a’프로퍼티와 ‘b’ 프로퍼티를 담을 새로운 공간을 확보</li>\n<li>매칭된 주소에 @1012 = 1 @1013 = ‘b’ 값 할당</li>\n</ol>\n<img width=\"800\" alt=\"스크린샷 2020-06-04 오후 7 20 25\" src=\"https://user-images.githubusercontent.com/36187948/83745711-ed052a80-a698-11ea-9ab2-f670d3b69f21.png\">\n<div class=\"gatsby-highlight\" data-language=\"js\"><pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">var</span> obj2 <span class=\"token operator\">=</span> obj</code></pre></div>\n<ol>\n<li>데이터가 담길 공간 확보</li>\n<li>주소를 할당</li>\n</ol>\n<img width=\"800\" alt=\"스크린샷 2020-06-04 오후 7 27 38\" src=\"https://user-images.githubusercontent.com/36187948/83746065-7e749c80-a699-11ea-978a-7b711e7d6398.png\">\n<p>두 데이터 타입 모두 공간을 확보하고 해당 공간의 주소를 변수명과 매칭시키는 과정, <strong>선언과정</strong>과 해당 변수가 기리키는 주소의 공간에 데이터를 저장하는 과정, <strong>할당과정</strong>을 따른다.</p>\n<blockquote>\n<p>출처:</p>\n<ul>\n<li><a href=\"https://www.inflearn.com/course/%ED%95%B5%EC%8B%AC%EA%B0%9C%EB%85%90-javascript-flow\">Javascript 핵심 개념 알아보기</a></li>\n</ul>\n</blockquote>","frontmatter":{"title":"Data Types","date":"June 04, 2020"}}},"pageContext":{"slug":"/JavaScript/Data_Types/","previous":{"fields":{"slug":"/JavaScript/Prototype/"},"frontmatter":{"title":"Prototype","category":"JavaScript","draft":false}},"next":{"fields":{"slug":"/Today I Learned/image_안쪽에_box-shadow/"},"frontmatter":{"title":"image 안쪽에 box-shadow","category":"Today I Learned","draft":false}}}},"staticQueryHashes":["3128451518","96099027"]}