[Web] 웹 개발 개념 정리 (기초)

웹 사이트는 프론트와 백엔드로 나뉜다.

• 프론트엔드: 클라이언트(=사용자)
• 백엔드: 서버

 

프론트엔드

• html: 뼈대
• css: 살
• javascript: 인터렉티브 (동적으로 움직이는 것)

 

백엔드

• js: 자바스크립트로도 백엔드를 구축할 수 있다.
• java
• go
• php
• python
• kotilin 등등

 

프레임워크

: 웹 개발을 보다 쉽고 간편하게 할 수 있는 도구.

 

백엔드 웹 프레임워크

• 정적 사이트 제작 가능
• 각 언어마다 프레임워크가 다름
• js: express
• php: laravel
• java: spring
• python: django, flask

 

정적 사이트 vs SPA(single page application)

• 정적 사이트: 몽땅 가져옴
  -> 불필요한 데이터도 계속 새로 가져옴
• SPA: 필요한 부분만 가져옴

 

SPA를 위한 프론트엔드 프레임워크(js)

• anguler
• vue
• react