안녕하세요!
SSAFYcial 8기 박슬기 기자입니다🙋🏻♀️
프론트엔드 개발자를 준비하는 취준생분들!!
프론트엔드 개발자가 반드시 알아야 할 지식이 무엇일까요⁉️??
프론트엔드 기술 면접에 많이 나오는
필수 내용 위주로 소개해드리려고 합니다 ❕
SPA란?
하나의 HTML 파일을 기반으로 자바스크립트를 이용하여 동적으로 화면의 컨텐츠를 바꾸는 방식의 웹 어플리케이션 입니다.
MPA란?
사용자가 페이지를 요청할 때마다, 웹 서버가 요청한 UI와 필요한 데이터를 HTML로 파싱해서 보여주는 방식의 웹 어플리케이션입니다.
CSR이란?
브라우저가 서버에 HTML과 JS 파일을 요청한 후 로드되면 사용자의 상호작용에 따라 Javascript를 이용해서 동적으로 렌더링을 시키는 방식입니다.
CSR의 장점
1. 첫 로딩만 기다리면 돼서 UX가 좋습니다.
2. 서버에 요청하는 횟수가 적기 때문에 서버의 부담이 덜합니다.
CSR의 단점
1. 모든 스크립트 파일이 로드될 때 까지 기다려야 합니다.
2. 검색엔진 최적화의 문제가 있습니다.
SSR이란?
브라우저가 페이지를 요청할 때마다 해당 페이지에 관련된 HTML, CSS, JS 파일 및 데이터를 받아와서 렌더링을 시키는 방식입니다.
SSR의 장점
1. 초기 로딩 속도가 빠르기 때문에 사용자가 컨텐츠를 빨리 볼 수 있습니다.
2. JS를 이용한 렌더링이 아니기 때문에 검색엔진 최적화가 가능합니다.
SSR의 단점
1. 매번 페이지를 요청할 때마다 새로고침 되기 때문에 UX가 좋지 않습니다.
2. 서버에 매번 요청을 하기 때문에 서버의 부하가 커집니다.
프론트엔드 개발자를 준비하는 취준생분들께 도움이 되었으면 좋겠습니다😉
면접 질문에 자주 나오는 내용이니 숙지하면 좋겠죠?!
다음에 더 유익한 정보로 돌아오겠습니다!
읽어주셔서 감사합니다🤞
