sakom33

<p>헙.... 감사합니다. <br />한참헤매다가 이 글 읽고&nbsp; 다운그레이드하니까 되네요!<br />tsconfig.json에 allowJs:true 추가&nbsp;<br />vue-router -> 3.4.9 vuex -> 3.6.0 으로 <br />다운그레이드하면 화면 보여요 :)</p>

강의 처럼 안됩니다~!

<p>저도 비슷한 질문인것 같은데요,!<br />인터페이스 클래스 시간에는<br />오른쪽이 구조적으로 더 커야,<br />함수 제네릭 시간에는<br />왼쪽이 구조적으로 더 커야,<br />타입호환이 가능하다고 하셔서 헷갈립니다 :)</p>

인터페이스와 함수의 차이

<div style="color: #d6deeb; background-color: #011627; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">prettier/prettier</span><span style="color: #d9f5dd;">'</span>: [</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">error</span><span style="color: #d9f5dd;">'</span>,</div>
<div>&nbsp; &nbsp; &nbsp; {</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; singleQuote: <span style="color: #ff5874;">true</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; semi: <span style="color: #ff5874;">true</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; useTabs: <span style="color: #ff5874;">false</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; tabWidth: <span style="color: #f78c6c;">2</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; printWidth: <span style="color: #f78c6c;">80</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; bracketSpacing: <span style="color: #ff5874;">true</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; arrowParens: <span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">avoid</span><span style="color: #d9f5dd;">'</span>,</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; endOfLine: <span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">auto</span><span style="color: #d9f5dd;">'</span>, &nbsp;// 이 부분 추가</div>
<div>&nbsp; &nbsp; &nbsp; },</div>
<div>&nbsp; ],</div>
<div>&nbsp;</div>
</div>

빨간 줄 에러

prettier 설정 오류

<p>그리고 url 창에 http://localhost:3000/?id=HTML 라고 입력해야&nbsp; id 뒤에 값이 콘솔에 찍혀 나오는겁니다! ㅎ_ㅎ</p>