일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- rendering
- 비동기
- qwe
- setstate
- Redux
- Preview
- 배포
- react
- 항해99
- socket.io
- useEffect
- imagePreview
- 라우팅
- 후기
- Github Actions
- 개발
- 접근 제한 라우팅
- 미리보기
- 브라우저 렌더링
- route
- S3
- routing
- CI/CD
- previousState
- 동기
- 채팅방
- 스파르타코딩클럽
- FileReader
- updater
- 7기
- Today
- Total
목록2022/05/23 (2)
삐옹
두 개의 다른 애플리케이션 개발 방식인 SPA와 MPA의 차이점에 대해 정리했다. SPA vs MPA MPA(Multiple Page Apllication)는 화면이 여러 개(Multiple)로 이루어진 페이지입니다. SPA(Single Page Application)는 화면이 하나(Single)로 이루어진 페이지입니다. MPA는 새로운 페이지를 요청할 때마다(버튼을 누르거나 입력을 할 때) 매번 페이지 로딩이 이루어집니다 반면 SPA는 웹 애플리케이션에 필요한 모든 정적 리소스(html,css,js)를 최초 렌더링 때 다운 받습니다. 그 이후로 새로운 페이지를 요청이 있을 때, 페이지 갱신에 필요한 데이터만 서버로 부터 받아옵니다. 그렇기 때문에 MPA를 SSR(Server Side Rendering)..
Javascript와 React는 DOM에 접근하는 방식이 조금 다릅니다. 차이를 먼저 알아보겠습니다. vanilaJS javascript에서 DOM 엘리먼트를 수정하려는 경우엔, 해당 DOM을 지정하기 위해 *선택자를 사용합니다. /* 안녕하세요 */ // 예시 const myElement = document.querySelector('#my-id'); myElement.style.color = 'yellow'; 하지만 vanillaJS와는 달리 react에서는 특정 DOM을 직접적으로 수정해야 하는경우 ref를 사용합니다. *선택자 document.getElementsById() document.querySelector() document.querySelectorAll() ... React ref를 ..