2021년 7월 9일에 작성된 문서 1번 입니다.
React 배운 내용을 정리했습니다.
SPA 의 개념과 장단점
SPA
Single Page Application
서버로부터 완전히 새로운 페이지를 불러오지 않고 페이지 갱신에 필요한 데이터만 받아 그 정보를 기준으로 현재의 페이지를 업데이트해 사용자와 소통하는 웹 어플리케이션이나 사이트
SPA의 장단점
장점
- 전체 페이지가 아니라 페이지 갱신에 필요한 데이터만 받아 화면을 업데이트만 하면 되서 사용자와의 인터렉션에 빠르게 반응.
- 서버에서는 요청받은 데이터만 넘겨주면 되서 서버 과부하 문제 감소
- 전체 페이지를 렌더링 할 필요가 없어 더 나은 유저 경험 제공 가능
단점
- JavaScript의 크기가 크다. JavaScript 파일을 기다리는 시간으로 인해 첫 화면의 로딩 시간이 길다.
- 검색 엔진(SEO)의 최적화가 안좋다. 검색 엔진은 HTML 파일 안의 자료를 분석하는 방식으로 검색 기능을 구동한다. SPA의 경우, HTML 파일에 별다른 내용이 없어서 검색 엔진이 적절히 동작하지 못한다.
와이어프레임과 목업
와이어프레임 VS 목업
와이어프레임
- 디자인에 들어가기 전 단계로 선(wire)을 이용해 윤곽선(frame)을 잡는다.
- 이 과정으로 개발자는 디자인 컨셉과 사이트 기능에 대한 이해를 할 수 있다.
목업
- 데스크톱, 스마트폰의 프레임을 덧씌워 직관적으로 이해하기 쉽게 디자인한 것이다.
Written with StackEdit.
