[HTML] 웹 개발

웹 사이트

• 정적 사이트
• 동적 사이트 → 웹 개발 : 웹 사이트에서 사용자에게 제공할 기능과 서비스까지 모두 담을 수 있어야 한다.
  

서버 ↔ 클라이언트

• 서버
  • 인터넷에 연결된 컴퓨터
• 클라이언트
  • 사용자가 웹사이트에 접근하려고 사용하는 pc나 태블릿 등
  • 웹 브라우저

프론트엔트 ↔ 백엔드

• 프론트엔드
  • 웹 브라우저 화면에 보이는 것
  • 웹 사이트를 디자인하거나 사용자 동작에 반응하는 기능을 만듬
• 백엔드
  - 데이터베이스를 설계하거나 데이터를 처리하는 것
  - 서버 뿐만이 아닌 클라이언트와 서버 사이의 정보를 저장, 관리하는 데이터베이스 등의 기본 개념
  

• 웹 문서의 뼈대를 만드는 HTML
  • 제목과 본문, 이미지, 표와 같은 웹 요소를 알려주는 역할을 함
• 웹 문서를 꾸미는 CSS
  • HTML로 만든 내용을 사용자가 알아보기 쉽게 꾸미거나 사용하기 편리하도록 배치할 때 이용
  • PC, 태블릿 PC, 모바일 등 다양한 디바이스에 따라 화면이 자동으로 바뀌는 반응형 웹 디자인 개발
• 사용자 동작에 반응하는 자바스크립트
  • 사용자 클릭, 스크롤 하는 동작에 따라 반응
  • React, Vue 같은 자바스크립트 프레임워크 존재