[웹개발] 1. 웹 개발의 이해: 기본 개념부터 동작 원리까지

1. 웹 개발이란?

웹 개발은 인터넷을 통해 제공되는 웹사이트나 웹 애플리케이션을 만드는 과정을 의미합니다.
단순한 텍스트 페이지부터 복잡한 웹 애플리케이션까지, 우리가 브라우저를 통해 접하는 모든 서비스들이 웹 개발의 결과물입니다.

2. 웹 개발의 구성 요소

2.1 프론트엔드 (Front-end)

• 사용자가 직접 보고 상호작용하는 부분
• 주요 기술:
  • HTML: 웹 페이지의 구조
  • CSS: 디자인과 레이아웃
  • JavaScript: 동적 기능과 상호작용

2.2 백엔드 (Back-end)

• 서버 측에서 실행되는 부분
• 주요 기술:
  • 서버 언어 (Python, Java, Node.js 등)
  • 데이터베이스
  • 서버 인프라

3. 웹사이트 vs 웹 애플리케이션

3.1 웹사이트

• 주로 정보 제공 목적
• 정적 또는 간단한 동적 콘텐츠
• 예: 블로그, 회사 소개 페이지

3.2 웹 애플리케이션

• 사용자와 높은 상호작용
• 복잡한 기능과 동적 콘텐츠
• 예: 구글 독스, 트렐로, 페이스북

4. 웹의 동작 원리

4.1 클라이언트-서버 모델

1. 클라이언트(브라우저)가 서버에 요청
2. 서버가 요청을 처리
3. 서버가 응답을 클라이언트에 전송
4. 브라우저가 받은 데이터를 화면에 표시

4.2 HTTP/HTTPS 프로토콜

• HTTP(HyperText Transfer Protocol)
  • 웹에서 데이터를 주고받는 약속
  • 주요 메서드: GET, POST, PUT, DELETE
• HTTPS
  • HTTP + 보안(암호화)
  • SSL/TLS 인증서 사용
  • 데이터 보안과 개인정보 보호

4.3 DNS(Domain Name System)

• IP 주소와 도메인 이름의 변환 시스템
• 작동 과정:
  1. 사용자가 도메인 입력
  2. DNS 서버에 조회
  3. IP 주소로 변환
  4. 해당 서버에 연결

[DNS 조회 과정 순서도 이미지 추가 필요]

5. 일반적인 웹 개발 워크플로우

1. 기획 및 요구사항 분석
2. 디자인 및 프로토타입 제작
3. 프론트엔드 개발
4. 백엔드 개발
5. 테스트 및 디버깅
6. 배포 및 유지보수

마무리

이것이 웹 개발의 기본적인 개요입니다. 다음 포스트에서는 HTML부터 차근차근 배워보도록 하겠습니다.

참고 자료

• MDN 웹 문서
• W3Schools
• 웹 개발자 로드맵 (roadmap.sh)

[필요한 이미지 목록]

1. DNS 작동 원리 순서도
2. 웹 개발 워크플로우 단계별 도식화