정적 리소스

• http요청이 들어오면 생성된 리소스 파일을 서버에서 제공한다.

동적 리소스

• was는 요청에따라 db정보를 조회하여 html을 동적으로 생성하여 웹브라우저에 제공한다.

HTTP API

• html이 아니라 데이터를 전달
• 주로 json사용
• 데이터만 주고받고 UI화면은 클라이언트가 별도 처리한다. 이 경우 화면은 UI가 알아서 처리하기때문에 db에 데이터만 필요하다. 이경우 json이 효율적이다.
• 자바스키립트를 통한 API를 호출한다
• 앱클라이언트, React같은것을 접촉한다.

SSR

• JAVA등을 활용하여 백엔드로 서버와 정보를 주고받는 기술

CSR 클라이언트 사이드 랜더링

• HTML결과를 자바스크립트를 사용해 웹브라우저에서 동적으로 생성한다(백엔드가 아니라 프론트엔드에서 동적으로 생성가능)
• 관련기술 Reaxt Veu.js
• 구글지도 gmail

UI기술?

서버 사이드 랜더링 기술

• JSP 타임리프
• 화면이 정적이고 복잡하지 않을때 사용
• 백엔드 개발자는 필수

웹 프론트 엔드 - 클라이언드 사이드 랜더링

• React Vue
• 복잡하고 동적인 UI
• 프론트 개발자 분야