괜찮으시다면 제가 한번 답변드려보겠습니다. 1. node나 브라우저는 ts를 인식하지 못하기 때문에 tsc로 컴파일하신 다음 자바스크립트 파일을 node로 실행시켜보셔야할 것 같습니다.
2. 함수 내부에서는 return 키워드를 만나지 않는 한 끝까지 실행됩니다. 그렇기 때문에 이 예제에서는 인자로 숫자를 받던 문자열을 받던 1 or 2를 로그에 찍은 다음 항상 TypeError가 발생합니다. 정상적으로 에러를 던지려면 로그를 찍은 다음 return으로 함수를 종료해야 할 것 같습니다. 강사님께서 그냥 구조적으로 이런식으로 사용된다 맥락으로 이 예제를 사용하신 것 같습니다.&nbsp;

node로 돌려보면 에러가 납니다.

id 부분은 해결한 것 같습니다 그런데 이 에러는 뭘 의미하는 걸까요? 구글링해봐도 해결이 잘 안됩니다.. _document.jsx의 Head 렌더링 부분에서 걸리는 것같은데 제로초님 깃헙의 ch6에 _document.js와 동일하게 작성해도 문제가 생깁니다.ㅠ 피드백 부탁드려요
<img src="https://cdn.inflearn.com/public/files/posts/4607863c-7d24-480e-8a09-ab32a8637839/Screen Shot 2022-01-11 at 21.03.31.png" alt="" width="1274" height="930" />

에러 문의 드립니다 ㅠㅠ

저도 동일한 현상이 있었는데 해당 게시글이 DB에 없어서 생기는 문제였습니다. DB에 존재하는 post의 id를 params.id로 불러오니까 잘 출력되네요~!

PostCard에서 Likers가 undefined

그렇군요. 실시간 답변 감사합니다~!!

정의 방법

그냥 성능상의 문제 때문이라고 파악해두는 것이 최선이군요!!
수고스럽게 번역 및 추측까지 해주셔서 정말 감사합니다. : )

__proto__가 deprecated된 이유

이미 해결하셨겠지만 저도 복습할 겸 답변드립니다. 1. class 내부에서 this는 클래스나 인스턴스를 가리킵니다. 때문에 {this.state.number}의 this는 Counter 클래스기에 내부의 property인 state의 number로 접근이 가능합니다.
2. ES6의 arrow function의 JS의 결함이였던&nbsp; this를 넘길 때 끊어지는 문제를 해결한 문법입니다. 내부적으로 넘긴 this를 다른 함수에서 매개변수로 받을 때 동일한 this를 사용할 수 있도록 내부적으로 처리합니다.
3. 위와 동일하게 ES6이전의 JS 문법자체가 함수 내부의 this를 전역(window/global)으로 지정한 문제로 인해서 this global scope에서 찾기에 의도한 this를 찾지 못합니다.
단순히 JS만의 this에 대해서 아직 공부를 안하신 것 같은데 inflearn의 JSFlow(정재욱) 강의를 추천드리고 귀찮으시다면 제가 정리한 <a href="https://velog.io/@leo-xee/JS-this" target="_blank" rel="noopener noreferrer">블로그</a>를 확인해주세요 :)

this에 관해서 질문드립니다!!

공부하다보니 증가, 감소연산자의 후위형의 경우 리턴값은 반영되지 않기 때문이네요...
더 꼼꼼하게 공부해야겠습니다. ;)

Leo

投稿