웹 개발 기초와 지식 - 프로그래밍 개념

웹 개발 언어와 웹 브라우저의 이해

웹 개발에는 다양한 언어와 기술이 사용됩니다. 이들은 크게 세 가지로 분류할 수 있습니다:

1. 웹 브라우저가 직접 읽을 수 있는 언어
   - 마크업 언어: HTML, CSS
   - 클라이언트 사이드 스크립트 언어: JavaScript
   - 라이브러리: React.js, Bootstrap, Vue.js, jQuery

2. 웹 브라우저가 직접 읽을 수 없는 언어
   - 서버 사이드 스크립트 언어: Python, JSP, PHP, ASP

3. 웹 브라우저
   - 예: Chrome, Safari, Internet Explorer 등

웹 브라우저는 마치 파워포인트 프로그램과 같습니다. 

파워포인트가 특정 형식의 파일만 열 수 있듯이, 웹 브라우저도 '.html' 확장자를 가진 파일을 읽을 수 있습니다.

웹 서비스 아키텍처 기초

웹 서비스의 기본 구조는 다음과 같습니다:

1. 클라이언트 (예: 스마트폰, PC, 웹 브라우저)가 도메인 주소를 DNS 서버에 전달합니다.
2. DNS 서버는 해당 도메인의 IP 주소를 클라이언트에게 반환합니다.
3. 클라이언트는 이 IP 주소를 사용해 서버에 접근합니다.
4. 서버의 80번 포트(웹 서비스용)를 통해 통신합니다.
5. 서버는 요청된 HTML 코드를 클라이언트에게 전달합니다.
6. 웹 브라우저는 이 HTML 코드를 해석하여 웹 페이지를 표시합니다.

프로그래밍 기초 개념

 

변수와 상수

- 변수: 값이 변할 수 있는 저장 공간 (예: `let myAge = 29;`)
- 상수: 값이 변하지 않는 저장 공간 (예: `const bloodType = "O";`)

 

함수

함수는 특정 작업을 수행하는 코드 블록입니다. 예를 들어:

 

function getBmi(weight, height) {
    return weight / (height * height);
}

조건문 (if문)

조건에 따라 다른 코드를 실행합니다:

if (condition) {
    // 조건이 참일 때 실행
} else {
    // 조건이 거짓일 때 실행
}

 

연산자

- 산술 연산자: +, -, *, /, % (나머지)
- 비교 연산자: ==, !=, <, >, <=, >=
- 논리 연산자: && (그리고), || (또는)

반복문 (for문)

코드를 여러 번 반복 실행합니다:

for (let i = 0; i < 5; i++) {
    // 반복 실행할 코드
}

 

배열

여러 값을 하나의 변수에 저장합니다:

let fruits = ["바나나", "사과", "딸기", "포도", "수박"];

이러한 기본 개념들을 이해하고 활용하면, 웹 개발의 기초를 다질 수 있습니다. 

각 개념은 실제 프로그래밍에서 다양한 방식으로 조합되어 복잡한 기능을 구현하는 데 사용됩니다.