인프런 커뮤니티 질문&답변
작성한 질문수
상태관리와 SPA
해결된 질문
24.10.03 15:45 작성
·
26
1
자바스크립트로 SPA 하는법을 꼭 배우고싶었는데
강의가 너무 좋아요!
섹션8부터 상태관리하면서 SPA 방식으로 코드를 리팩토링하는데
강의에서 알려주시는 방법이
약간 리액트의 동작방식과 비슷하다고 봐도 되는걸까요?!
제가 리액트를 얼마전에 배웠는데
뭔가 리액트의 내부 동작을 구현하는 느낌으로 생각해도 되는건지..
아니면 아예 다른 방식으로 하는건지 궁금해서 여쭤봅니다!!
답변 1
0
효빈 Hyobin
지식공유자
2024. 10. 04. 21:13
안녕하세요 🙂
우선, 강의에서 이렇게 바닐라 자바스크립트로 SPA를 제작할 때 사용한 코드 중
this. state를 사용해 상태를 저장하고, setState를 사용해 상태를 업데이트한다는 점은 리액트와 유사합니다. 또한 렌더링 로직이나 컴포넌트 기반 구조로 제작되었다는 점 또한 비슷하다고 할 수 있을 것 같습니다!
하지만, 리액트의 동작 방식을 구체적으로 살펴봤을 때에는 여러가지 차이점이 있습니다.
가장 큰 예시로는, 강의에서는 직접 dom을 조작해 ui를 업데이트하지만, 리액트는 virtual dom을 사용한다는 차이점이 있을 수 있겠네요!!
정리해보자면, 크게 바라봤을 때에는 리액트의 동작 원리와는 비슷하지만, 리액트와는 완전히 동일한 방식이라고는 보기 어려울 수 있을 것 같습니다.
감사합니다 😃