[React] React 기초 - 2 (SPA & Wireframe)

SPA란

Single Page Application, 서버로부터 완전히 새로운 페이지를 불러오지 않고 페이지 갱신에 필요한 데이터만 받아 업데이트하는 웹 사이트

SPA의 장점

1. 사용자의 인터렉션에 빠르게 반응 -> 더 나은 유저경험
2. 서버에서는 요청 데이터만 전송 -> 과부하 문제 감소

SPA의 단점

1. SPA는 JS파일의 크기가 큼 -> 첫 화면 로딩시간 증가
2. HTML부분이 거의 비어있음 -> SEO에 불리함

Wireframe & Mockup

• Wireframe : 디자인 전 단계, 선을 이용해 윤곽선 작업
  -> 개발자가 디자인 컨셉과 사이트 기능에 대한 이해
• Mockup : 데스크톱, 스마트폰의 프레임을 덧씌워 직관적 이해 도움

React 카테고리 내 다른 글 보러가기