오늘 무엇을 배웠는지, 이 부분이 어려웠는데, 이렇게 풀었다. 블로깅 할때도 유리.
\n더글라스 크락포드의 자바스크립트 핵심 가이드 책
\ndebuging 못하면 안 됨.
\nchrome devtools 제대로 공부할 것 디버깅
\n내가 어떻게 디버깅을 할 것인가
\n배운 것을 바탕으로 advanced로
\n\nhttps://lesterbx.github.io/trello-clone-vanilla/
\nhttps://developers.google.com/web/tools/chrome-devtools/?hl=ko
\nvue.js angular.js react.js
\n프론트엔드 전문적
\n한 분야에서 전문가가 되어야 한다.
\n약한 부분은 있었지만 그래도 전체의 80%는 알고 있었다
\n끊임없이 배워야 하는 직업, 확실히 공부할게 많고 공부를 좋아하는 사람이 할 수 있는 직업
\n프리코스에서 기본기가 없어서 더 오래걸리는 경우가 많다. 늦어지는 분들은 복습을 안 한 분들, 프리코스 복습할 것. 콜백 이터레이터 애매하게 알고 있는 걸 확실하게 더 복습하는 걸 추천. 당연히 다 비슷비슷하게 느리기 때문에, 프리코스에서 잘 모르는 부분들을 확실하게 하는 것.
\n백엔드는 설계 시야가 넓고 프론트는 한 곳만
\n아이디어가 돋보이는 게 프론트엔드
\n리눅스 명령어 많이 공부할 것, 기본임.
\n리눅스 명령어 권한,
\n파일 옮기고 닫고 삭제하고 권한주고 특정 사용자한테 권한 주고 미리미리 해볼 것
\nnode.js 세계의 가장 많이 쓰는 express.js
\n인증 authentication
\ncallback promise async await event loop
\nthis가 뭐에요? 한 마디로? 빨대? 참조?
\n실행excution 컨텍스트context는 함수가 어떻게 불리는지에 따라 결정된다
\nscope가 한 마디로 뭐에요? : 유효 범위
\n변수가 스코프 체인을 따라서 참조할 수 있는 유효범위
\nclosure 외부 변수를 참조할 수 있는 내부 함수
\napply()
\nbind()
\ncall()
\nfunction에서 제공되는 메소드
\nArray.something()는 Array 클래스에서만 작동
\nArray.prototype.something()는 Array 인스턴스에서만 작동. 프로톹타입이 붙은 애들은.
\n이 둘의 차이점은?
\nvar arr=[1,2,3,4];\narr.isArray();
\nvar arr=[1,2,3,4];\narr.isArray();\n\nvar arr = [1,2,3,4];\n위와 같음 arr = new Array(1,2,3,4);\n\nVM9965:1 Uncaught TypeError: arr.isArray is not a function\n at <anonymous>:1:5\n\nArray.isArray는 있음인스턴스가 생성 될 때 원형(original foam),
\n즉 프로토타입(prototype)의 모양대로 인스턴스가 생성.
\nprototype 붕어빵 틀
\ninstance는 붕어
\n인스턴스의 메소드는 Object.prototype.
\nObject는 사실 함수(function)이다! // 디벨로퍼에서 찍어보면
\nObject\nƒ Object() { [native code] }Car.prototype.ride = function () {
\n}
\n카라는 프로토타입에 라이드라는 메소드를 넣어주는 것
\nJavaScript는 원래는 클래스 개념이 없었음. 지금도 prototype 기반 언어.
\nprototype 기반으로 객체 지향 프로그래밍을 흉내냄
\n문법적인 편의로 class란 keyword를 도입 (ES6)
\n자바스크립트에서 기본적으로 제공되는 객체에 사용자 정의 메소드를 직접 추가할 수는 있음(그러나, 추천하지 않음)
\n메소드 확장은, 다른 코드와 충돌을 일으킬 수 있음
\n직접 객체(클래스)를 작성할 땐 프로토타입을 사용하세요.
\nfoo.call (thisarg,)
\n첫번째는 무조건 this가 들어감
\nfoo.bind
\nfoo.bind
\nidentify.call(me);
\nspeak.call(me);
\nspeak 그냥 함수 ()로 실행하면 this에 윈도우가 바인딩됨. 명시적으로 me를 바인딩 시켜서 this에 대입해주는 것.
\n프로토타입은 함수에서만 붙일 수 있어요. 그리고 class처럼 쓸 함수 대문자 Car 같은 것에만 쓸 수 있어요.
\n-> 아까 Array도 함수였고, Object도 함수였기 때문에.
\nObject\nƒ Object() { [native code] }\nArray\nƒ Array() { [native code] }var add = function(x,y) {
\nthis.val = x + y;
\n}
\nadd.apply([2,8])는 apply 배열로
\nadd.call(2,8)
\narguments가 뭔가요?
\nfunction foo() {\n console.log(arguments) //\"hello\" \"1\" \"2\" \"world\"\n debugger\n}\nfoo('hello', 1, 2, 'world')call의 첫번째 인자는 this로 삼을 녀석을 넣는다
\nArray.prototype.slice.call(arguments);
\narguments를 array로 변환시켜주는 자주 쓰는 패턴.
\n.call을 컨스트럭터 체인을 쓰기 위해 사용할 수 있다\nfunction Product(name, price) {\n this.name = name;\n this.price = price;\n}\nProduct.prototype.print = function () {\n console.log(this.name + ' ' + this.price);\n}\nvar mouse = new Product('mouse', 1000);\nmouse.name\nmouse.price\nfunction Food(name, price) {\n Product.call (this, name, price);\n this.taste = 'spicy';\n}\nvar noodle = new Food('불닦볶음면', 2000);\nnoodle.tste\n\n기능만 불러올 뿐이지 this는 instance 자신이 됨. new키워드 붙으면 다 인스턴스.var arr = [7,35,2,8,21];
\nMath.min.apply(null, arr);
\nMath는 new Math 하고 만들 수 없음.
\n두번째 파라미터는 항상 배열이 들어감.
\nMath는 인스턴스를 가질 수 있는게 아니라서 this가 무의미하기 때문에 null이 들어감.
\n실행시키는 애가 아니라, 새로운 함수를 반환
\n함수를 리턴해주는 함수는? 클로져
\nFunction.prototype.bind
\nfn.bind(thisArg[, arg1[, arg2[,…]]]])
\nsetTimeout(function() {
\nconsole.log(‘1초가 지났어요’);
\n}, 1000)
\n1000 밀리 세컨즈 = 1초
\n이 바인드 부분 녹화 영상 보고 복습할 것
","frontmatter":{"title":"Precourse Last Week + this, call, apply bind review","date":"August 09, 2018"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/til/20180809 Precourse Last Week + this, call, apply bind review/","previous":{"fields":{"slug":"/til/20180807 this review - 5 Patterns of Binding this/"},"frontmatter":{"title":"this review - 5 Patterns of Binding this","category":"TIL"}},"next":{"fields":{"slug":"/development/2018-08-09-pre/"},"frontmatter":{"title":"Pre Course 소감","category":"essay"}}}}