웹 개발 개념정리

과제로 채팅 프로그램을 만들어야 하기 때문에 간단한 개념정리 먼저 시작해보자

프론트앤드(클라이언트)

: 사용자가 사용하는 UI, 즉 사용자가 보이는 부분을 다룸

• html
  : 웹사이트에 보이는 뼈대, 골격
• css
  : style, 즉 디자인
• javascript(js)
  : 애니매이션을 처리한다든지와 같은 동적으로 움직이게 하거나 로직이 돌아갈 수 있게 하는 것

백엔드(서버)

: 사용자가 보지 못하는 곳을 다룸
데이터를 어떻게 처리하고 가공할지를 다룸

서버 사이드 언어

• ASP/ASP.NET (.asp/.aspx)
• C 서버 스크립트 (*.c)
• 자바 서버 페이지를 통한 자바 (*.jsp)
• 서버 사이드 자바스크립트를 사용한 자바스크립트 (*.ssjs)
• PHP (*.php)
• Python (*.py)
• Ruby (*.rb)
• Node.js (*.js)

프레임워크

: 미리 환경이 준비된 것으로 웹개발을 쉽고 간편하게 할 수 있음 (약간 키트느낌?)
회사에서 많이 쓰고, 유지보수가 쉽고, 빨리 개발할 수 있기 때문에 사용함

백엔드 웹 프레임워크

: 정적 사이트 제작 가능함
정적 사이트는 다른 페이지로 이동할 때 전부 초기화해서 가져옴-> 불필요한 데이터를 가져온다는 단점,,,

• js : express
• php : laravel
• java : spring
• python : diango, flask

프론트앤드 프레임워크

: SPA(single page application)는 필요한 부분만 가져옴
언어는 js로 되어있음

• Angular
• React
• Vue