Chap 01 웹 개발 시작하기

웹 개발 시작하기

1. 웹 개발이란?

사용자가 방문하고 싶은 특정 사이트를 사용할 수 있도록 만드는 모든 과정을 뜻한다.

---

2. 웹 페이지의 두 종류

정적 사이트 (Static Site)

• 웹 브라우저 화면에 보이는 겉모습을 만드는 것

동적 사이트 (Dynamic Site)

• 웹 사이트에서 사용자에게 제공할 기능과 서비스까지 모두 담을 수 있음

---

3. 웹 개발 용어 정의

클라이언트

• 필요한 정보를 요청하는 주체
• 사용자가 웹 사이트에 접근할 때 사용하는 기기
• 웹 브라우저 (좁은 의미)

서버

• 클라이언트의 요청을 처리해 알맞은 정보를 응답하는 주체
• 인터넷에 연결된 컴퓨터
• 웹 요소와 여러 정보가 저장됨

프런트엔드(Front-end) 개발

• 웹 브라우저 화면에 보이는 부분을 다룸 (=웹 사이트 제작)
• 즉, 웹 사이트나 앱 등의 사용자 인터페이스를 개발하는 분야
• HTML / CSS / JavaScript 사용

백엔드(Back-end) 개발

• 사용자 뒤에서 보이지 않는 영역, 서버를 다룸
• 웹이나 앱에서 사용자의 행동을 처리하고, 정보를 저장, 관리, 전달하며, 서버와 데이터베이스를 관리
• 데이터베이스 설계 및 데이터 처리
• Java, PHP, Python 등 프로그래밍 언어 사용

---

4. 웹 개발의 기본

HTML - 웹 문서의 뼈대를 만듦

• 웹 브라우저 창에 웹 문서의 내용을 보여주기 위한 약속
• HTML에서 약속한 표기법을 사용해서 문서를 작성

CSS - 웹 문서를 꾸밈

• 웹 문서를 꾸미거나 웹 요소를 적절하게 배치하는 방법
• 다양한 디바이스에 맞는 반응형 웹 디자인을 만들기 위해 필수

JavaScript - 사용자 동작에 반응함

• 사용자 동작에 반응해서 동적인 효과를 만들기 위한 기술
• 자바스크립트를 알고 있다면 새로운 프레임워크를 배우기 쉬움

---

5. 웹 개발 기술

🏗 기본 영역

• HTML
• CSS
• JavaScript
• 깃/깃허브 (Git/GitHub)

🎨 프런트엔드 영역

• 다양한 라이브러리
  • jQuery, D3.js, Bootstrap 등
• 프레임워크
  • React, Angular, Vue.js 등

🖥 백엔드 영역

• 서버 기술 & 데이터베이스
  • 리눅스 서버, 네트워크, DB 구축 기술 등
• 서버 언어
  • Python, Java, PHP, .NET 등
• 프레임워크
  • Spring, Node.js, Django 등