{"data":{"site":{"siteMetadata":{"title":"lastrites2018","author":"lastrites2018","siteUrl":"https://lastrites2018.netlify.com","comment":{"disqusShortName":"","utterances":"lastrites2018/gatsby-first-blog"},"sponsor":{"buyMeACoffeeId":""}}},"markdownRemark":{"id":"80e66915-7bd8-5d8d-a009-24d40f2dbdd2","excerpt":"checkpoint 09 checkpoint 10 npm package.json -> 디펜던시(dependencies, 종속된 패키지) 설정, 스크립트등을 기술해줌 npm -> node package manager npm install -> 디펜던시를 까는 것(node_modules가 없는 이상 해줘야 함) 자바스크립트의 부모는 Object, : assign이 안 되고, 크롬 전용 기능 http://unikys.tistory.com/320 beforeEach? 스펙spec…","html":"

checkpoint 09

\n
1. primitive type이기 때문에 reference 가 바뀌는게 아님\n2. x의 주소값이 들어가기 때문에, 변경됨\n3. y = 2; // y는 더 이상 x의 주소를 가리키지 않고 2라는 값으로 채워집니다\n4. outArray는 더 이상 myArray를 가리키지 않고, 연결고리가 끊어지는 것(레퍼런스가 끊어지는 것)\n새로 assign을 하는 것 : 연결고리가 끊어지는 것\n5. outArray[2] = 25 // ourArray[2]는 myArray[2]를 참조합니다\n\n6. arr // 새로 배열을 만든거나 다름 없음 : var arr = myArray; 즉 레퍼런스를 카피한 것.\narr[2] =25; // arr[2]는 myArray[2]를 참조합니다.\n\n7. var myArray = [2, 3, 4, 5];\nfunction doStuff(arr) {\n  arr = [ ];// arr는 myArray를 가리키지 않고 새 배열 []을 참조합니다.\n}\ndoStuff(myArray);\n\ncall by sharing이라고 하나, 좋은 용어인지는 모르겠음. copy by reference 선호함.\n다들 많이 틀림. myArray를 덮어 씌우는게 아님. 끊는 거임.\n\n8. var player = { score: 3 };\nfunction doStuff(obj) { // var obj = player;\n  obj.score = 2; //obj.score는 palyer.score를 참조합니다/\n  obj = undefined; // obj는 더 이상 player를 참조하지 않고 undefined란 값으로 채워짐\n}\ndoStuff(player);\n\n9.\nvar player = { score: 3 };\nfunction doStuff(obj) {\n  obj = {};\n}\n\nplayer = doStuff(player);\n<- 왼쪽으로 향한 화살표가 리턴 표시. player가 undefined로 assign 된 것.\ndoStuff는 아무 것도 리턴하지 않음.\n\n10.\nvar obj = {\n  inner: { x: 10 }\n};\nvar example = obj.inner;\nobj.inner   = undefined;\n// 중첩된 object 혹은 array는 한 메모리 영역을 차지하는 것이 아닌 각각의 공간을 차지합니다.\n// obj의 공간과, { x: 10}의 공간은 다릅니다\n// example은 {x:10}의 메모리 주소를 차지합니다. 이미 메모리 주소가 연결됐고, 끊어지는 건 아님.
\n

checkpoint 10

\n
2. result는 value를 카피 했기 때문에 result는 변동이 없다(primitive type)\n3.\n4. func는 함수가 들어가고 g는 실행, h는 11이 들어감\nobj.func는 12가 됐지만, obj.g는 그것과 관계가 없다!\n5.\nvar x = 10;\nfunction f () {\n  x = x + 1;\n  return x;\n}\n5.\nf(); // 11\nsetTimeout(f, 1000); // 비동기 영역으로 넘어감, 보통 동기영역이 다 끝나면 실행되고 하나의 스코프가 끝나고 실행된다고 봄. 동기영역이 다 끝나고 콜백이 넘어옴.\nf(); // 12\nvar result = x; // 12\n\n6. setTimeout(12, 1000)이나 다를바가 없기 때문에 경우에 따라 에러\ngithub에서 막아놓은 모양\n\n8. 정의만 됐지 값이 할당된 적은 없기 때문에 에러.\n// 타입 에러가 나옴
\n

npm

\n

package.json -> 디펜던시(dependencies, 종속된 패키지) 설정, 스크립트등을 기술해줌

\n

npm -> node package manager

\n

npm install -> 디펜던시를 까는 것(node_modules가 없는 이상 해줘야 함)

\n

자바스크립트의 부모는 Object,

\n

__proto__: assign이 안 되고, 크롬 전용 기능

\n

http://unikys.tistory.com/320

\n
Student.prototype = Object.create(Human.prototype);\nStudent.prototype.constructor = Student; //굳이 이렇게 추가로 설정해줘야 함.\nStudent.prototype.learn = function () {};\n\nHuman.call(this, name);\n// Human.apply(this, arguments)\n->Es6에서 해결\n\nSubclassing 꼭 읽어야 함.\n\nsuper는 부모의 this를 가리킴
\n

beforeEach?

\n

스펙spec 테스트에서 beforeEach 항목은 테스트를 실행하기 전에 꼭 한번 실행하라라는 뜻임.

\n
beforeEach(function() {\n  grub = new Grub()\n})
\n

클래스에선 리턴을 해주지 않아야 인스턴스를 받아올 수 있기 때문에 슈도클래시컬 한 방법에서는 리턴을 써주지 않음.

\n

리턴 키워드를 컨스트럭터(클래스 만들어주는 생성자한테는 쓰지 않음.)

\n

var bee = new Bee();

\n

this == bee`

","frontmatter":{"title":"Immersive Sprint - SubClass Dance Party","date":"September 27, 2018"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/til/20180927 IM08D07, 20180928 IM08D08 SubClass Dance Party/","previous":{"fields":{"slug":"/til/20180925 Instantiation Patterns/"},"frontmatter":{"title":"Instantiation Patterns","category":"TIL"}},"next":{"fields":{"slug":"/til/20180928 IM08D09, 20181001 IM08D10 N-Queens/"},"frontmatter":{"title":"Immersive Sprint - N-Queens","category":"TIL"}}}}