<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">react router dom 에서 Link만 아래처럼 가져다 쓰면 ..에러가 나는데</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">리액트 라우터는 원래 route로 감싸줘야되지 않나요 ..? 강사님은 그냥 쓰셔서 그대로 저도 사용했는데 ...</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">혹시 이 부분은 App.js에서 connected router가 잘 연결이 안돼서 그런걸까요 ? 아니면 노드 버전떄문에 충돌나서 그런걸까요 ..?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">노드 버전은 16.13.0입니다</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="letter-spacing: -0.3px;">검색해보니 connected-react-router가 노드버전이랑 충돌이 좀 나는거같은데...강사님 진행은 노드 몇버전으로 하시는걸까요 ? </span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">이런 에러가 납니다</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #e83b46; font-family: sans-serif; font-size: 22px; letter-spacing: normal; background-color: #353535;">Error: useHref() may be used only in the context of a &lt;Router&gt; component.</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<div style="background-color: #1e1e1e; font-family: d2coding, verdana, Menlo, Monaco, 'Courier New', monospace; font-size: 14.5px; line-height: 22px; white-space: pre;"><span style="color: #808080;">&lt;</span><span style="color: #4ec9b0;">Link</span><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">to</span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;">"/"</span><span style="color: #808080;">&gt;</span><span style="color: #808080;">&lt;/</span><span style="color: #4ec9b0;">Link</span><span style="color: #808080;">&gt;</span></div>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: d2coding, verdana, Menlo, Monaco, 'Courier New', monospace; font-size: 14.5px; line-height: 22px; white-space: pre;">&nbsp;</div>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: d2coding, verdana, Menlo, Monaco, 'Courier New', monospace; font-size: 14.5px; line-height: 22px; white-space: pre;">
<div style="line-height: 22px;"><span style="color: #808080;">&lt;</span><span style="color: #4ec9b0;">ConnectedRouter</span> <span style="color: #9cdcfe;">history</span>=<span style="color: #569cd6;">{</span><span style="color: #4fc1ff;">history</span><span style="color: #569cd6;">}</span><span style="color: #808080;">&gt; &lt;- App.js 이부분 때문에 </span></div>
<div style="line-height: 22px;"><span style="color: #808080;"> 연결이 잘 안돼서 에러가 나는지 ...</span></div>
<div style="line-height: 22px;">&nbsp;</div>
</div>
</div>

<p>App을 Router로 감싸고 Route 설정해주니 잘 되네요 ..</p>
<p>저는 css 관련 프레임워크를 안쓰고 있는데 그거때문인가보네요 ..</p>
<p>해결 했습니다&nbsp;</p>
<p>&nbsp;</p>

인프런 커뮤니티 질문&답변

안녕하세요 강의 잘 보고 있습니다 질문 하나 있는데요 ..