<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;">안녕하세요 선생님, 좋은 강의 감사드립니다.</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;"><span style="color: #000000; letter-spacing: -0.3px;">다름이 아니라 리액트를 사용하지 않고도 리액트와 같이 화면 전환이 부드러운 웹 사이트들을 보고 궁금증이 생겨 질문드립니다.</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;">순수 자바스크립트만을 사용하는 경우, </span><span style="color: #000000;">현대적인 웹을 구현하기 위해서는 어떤 방식으로 구현하는 지 알려주실 수 있을까요?</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;">리액트와 같이 상태를 기준으로 DOM을 렌더링 하는 형태로 구성하는지...</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="color: #000000;">구현하는 방법이 각양각색이겠지만, 일반적으로 어떻게 구현하는지 궁금합니다.</span></div>

<p>방법이 너무 많습니다. 일단 라우팅만 해결하면 됩니다. history api를 사용하면 리액트같은 spa를 만들 수 있습니다. 데이터 기반으로 할지 화면 기반으로 할지는 선택사항이고요.</p>

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

바닐라 자바스크립트로 리액트와 같이 동작하는 웹