CS14 CSR VS SSR (장단점, 개념, 나만의 로직정리) CSR(클라이언트 사이드 렌더링) CSR은 모든 웹페이지의 리소스(HTML, CSS, JS)를 모두 렌더링 후, 클라이언트에서 HTML파일과 JS파일을 내려줄 것을 서버에 요청! 장점 페이지 이동시, 새로고침이 발생하지 않아 사용자가 앱을 사용하는 것처럼 빠르게 이용 가능하다! 단점 첫 페이지 로딩 속도가 SSR보다 느리다! 검색엔전최적화(SEO)에 대한 추가 보완 작업이 필요하다! SSR(서버 사이드 렌더링) SSR은 서버에 매번 데이터를 요청하여 서버에서 처리하는 방식으로, 홈페이지를 들어갔을 때 직면하는 웹페이지의 리소스(HTML, CSSM JS)를 렌더링 후 보여준다! 장점 첫 페이지 로딩 속도가 CSR에 비해 빠르다! 검색엔진최적화(SEO)가 가능하다! 단점 초기 로딩 이후 페이지 이동시 속도가.. 2022. 12. 6. CORS - Cross-Origin-Resource Sharing의 약자로, 브라우저에서 다른 출처의 리소스를 공유하는 방법을 뜻함 - URL 구조 - 출처(Origin)란? 출처란 URL 구조에서 살펴본 Protocal, Host, Port를 합친 것을 말함(출처를 알아보기 위해선 콘솔창에 (location.origin)을 실행해보면 출처를 확인 가능 2. 출처가 같다는건 URL구조에서 Protocal, Host, Port가 동일하다는걸 의미, 셋중 하나라도 다르다면! 다른 출처가 되는 것! 왜 CORS policy 오류가 나오는가? - 단순 Postman이나 다른 서버에서 API를 호출할 때는 멀쩡히 잘 동작하는데 브라우저에서 API를 호출할 때만 CORS policy 오류가 발생해서 당혹스러울 때가 있음 -.. 2022. 10. 11. 이전 1 2 3 다음
