면접공부/Frontend2 React || Redux React -facebook에서 만든 ui컴포넌트 라이브러리 -컴포넌트 기반 아키텍쳐이다(캡슐화 확정성 결합성 재사용성 같은 이점이있다) 장점 1. Virtual DOM을 사용함으로써 DOM처리가 빠릅니다. (Virtual DOM과 실제 DOM을 비교하여 변경된 부분만 반영합니다.) 2. 서버와 클라이언트 사이드 렌더링 지원을 통해 브라우저측 초기 렌더링 딜레이를 줄입니다. 3. Component의 가독성이 높으며, UI 수정 및 재사용성이 높습니다. 4. 라이브러리 이므로 다른 프레임워크와 혼용하여 개발 할수도 있습니다. 5. 메모리 관리와 성능이 뛰어나다 단점 1. View Only, View 이외의 기능은 써드파티 라이브러리를 이용하거나 직접 구현해야 합니다. 2. IE8 이하의 버전은 지원하지 않.. 2021. 6. 2. SSR , CSR || 검색 엔진 최적화 SSR(서버 사이드 렌더링) -요청시마다 새로고침이 일어나며 서버에 새로운 페이지에 대한 요청을 하는 방식이다. 장점 - 초기 렌더링 수행이빠르다 - SEO(검색엔진 최적화) 가능 단점 -서버에 매번 요청하기때문에 트래픽,서버 부하가 커진다. -매번 페이지 요청시 새로고침으로 인해 사용자 UX가 다소 떨어진다 CSR(클라이언트 사이드 렌더링) - 클라이언트에서 Javascript를 통해 렌더링 하는 방식 장점 -최초로딩이후 요청들에 대해서 인터렉션이 빠름 -서버 부담이 덜하다 단점 -초기랜더링이 오래걸린다. -SEO 문제가 발생할수있다. 검색엔진 최적화(SEO : search engine optimization) - 검색 엔진 결과 페이지에서 자신의 웹사이트 혹은 웹페이지의 순위와 노출도를 높혀 트래픽의.. 2021. 5. 24. 이전 1 다음