Front end

Back end

Front End: 뷰(화면에 출력), 사용자에게 보여지는 부분

• HTML(뼈대), CSS(인테리어), JavaScript(이크마스트립트6) ← 핵심 기술
• JQuery: 자바스크립트 라이브러리
• 리액트: SPA를 위한 JavaScript 라이브러리
  • 클라이언트에서 서버의 값을 JSON 형식으로 받아와서, client에서 렌더링(태그 생성) ← CSR
• 뷰, 앵글러(구글) (x)

Back End: 비즈니스 로직 처리, DataBase(Oracle, MySQL, MariaDB, …)

  MVC: 협업 가능, 유지 쉽다.

Client → Controller → DTO → DAO → DB

→ SSR(서버 사이드 렌더링)

• JSP: html + java *.jsp ← 톰켓(WAS): Server에서 Java 코드를 렌더링(태그)해서 클라이언트에게 전송
• PHP: html + c
• .net
• Thymeleaf ← spring boot

프레임워크: 자동 기술이 녹아있음