SPA (Single Page Application)
: 서버로부터 완전한 새로운 페이지를 불러오는 것이 아닌 " 페이지 갱신에 필요한 데이터만 받아 그 정보를 기준으로 현재 페이지를 업데이트 함으로써 사용자와 소통하는 웹사이트 ( 웹어플리케이션 ) "
⭐️ 장점
- 필요한 부분의 데이터만 받아서 화면 업데이트 ➡️ 사용자와의 상호작용에 빠르게 반응
- 서버에는 요청받은 데이터만 넘겨줌 ➡️ 서버 과부하 문제 감소
- 전체 페이지 렌더링 X ➡️ 더 나은UX 제공
❗️ 단점
- SPA의 경우 Javascript의 파일의 크기가 큼 ➡️ 첫 화면 로딩시간이 길어짐
- HTML 파일은 거의 비어있고, Javascript 파일의 크기는 계속 커짐
- 검색 엔진 최적화가 좋지 않음 (CSR)➡️ 구글, 네이버와 같은 검색엔진은 HTML파일에 있는 자료를 분석하는 방식으로 검색기능 구동
But ) SPA의 HTML파일에는 별다른 자료가 없다..
➡️ 검색 엔진은 계속 발전중 🤓 이 단점은 사라지고 있는 추세이다
Wireframe
: 디자인에 들어가기 전 단계, 선을 이용해 윤곽선을 잡는 것
- 개발자는 디자인 컨셉 & 사이트 기능에 대한 이해
- 개발을 시작할 때 페이지를 만들기 보다는 "어떤 컴포넌트를 만들고 이들을 조합할 것?"
프론트엔드 개발자