상태관리와 SPA
자바스크립트로 SPA 하는법을 꼭 배우고싶었는데
강의가 너무 좋아요!
섹션8부터 상태관리하면서 SPA 방식으로 코드를 리팩토링하는데
강의에서 알려주시는 방법이
약간 리액트의 동작방식과 비슷하다고 봐도 되는걸까요?!
제가 리액트를 얼마전에 배웠는데
뭔가 리액트의 내부 동작을 구현하는 느낌으로 생각해도 되는건지..
아니면 아예 다른 방식으로 하는건지 궁금해서 여쭤봅니다!!
답변 1
0
안녕하세요 🙂
우선, 강의에서 이렇게 바닐라 자바스크립트로 SPA를 제작할 때 사용한 코드 중
this. state를 사용해 상태를 저장하고, setState를 사용해 상태를 업데이트한다는 점은 리액트와 유사합니다. 또한 렌더링 로직이나 컴포넌트 기반 구조로 제작되었다는 점 또한 비슷하다고 할 수 있을 것 같습니다!
하지만, 리액트의 동작 방식을 구체적으로 살펴봤을 때에는 여러가지 차이점이 있습니다.
가장 큰 예시로는, 강의에서는 직접 dom을 조작해 ui를 업데이트하지만, 리액트는 virtual dom을 사용한다는 차이점이 있을 수 있겠네요!!
정리해보자면, 크게 바라봤을 때에는 리액트의 동작 원리와는 비슷하지만, 리액트와는 완전히 동일한 방식이라고는 보기 어려울 수 있을 것 같습니다.
감사합니다 😃
콜백 함수 메서드 등록
0
86
2
ssr방식 경험
0
80
1
compare 함수 설명에 오해의 소지가 있어보입니다.
0
85
2
API를 비동기 처리하는 이유가 끊겨서 그런건가요?
0
100
2
DOM 트리 보는 곳
0
85
1
배열과 객체의 구조분해할당 방법이 다른 이유
0
82
2
배열 메서드가 순수 함수인지 확인하는 방법
0
73
2
콜백 함수의 매개변수로 _를 쓰는 이유가 무엇인가요?
0
72
2
콜백 함수의 매개변수는 어떻게 구분되나요?
0
62
1
호이스팅 안쓰는게 좋나요?
0
55
2
함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?
0
84
2
?. 연산자는 자바스크립트 연산자인가요?
0
48
1
JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?
0
88
2
자바스크립트 질문
1
104
2
동물앨범만들기 1-1 api 오류
0
57
2
CityList개발-handleLoadMore함수질문
0
75
1
객체와 배열의 const 차이
0
48
1
const 객체/배열 차이
0
67
2
header 개발 새로고침 오류
0
69
2
Promise 객체
1
59
2
cityList 렌더가 안되는 문제
0
58
2
init 함수 앞에 await
1
69
2
동물 앨범 만들기 pushtState 관련
0
62
2
동물 앨범 만들기 사진 관련 문의
0
78
2