1. HTTP와 HTTPS
"데이터를 주고 받는 규칙(약속)"
인터넷 세상에서 브라우저(나)와 서버(상대방)가 대화할 때 사용하는 언어의 규칙입니다.
HTTP (HyperText Transfer Protocol)
데이터를 이렇게 보내자 라는 가장 기본적인 약속이이에요.
하지만 중간에 누가 내용을 훔쳐볼 수 있다는 단점이 있어요.
HTTPS (HTTP Secure)
자물쇠를 채운거에요. 데이터를 암호화해서 보내기 때문에 해킹 위험이 적어요.
2. 클라이언트와 서버 (Client & Server)
"손님과 식당"
클라이언트(Client)
서비스를 요청하는 "손님"이에요. 여러분이 쓰는 크롬 브라우저, 스마트폰 앱이 클라이언트죠.
"네이버 웹 페이지 좀 보여줘!" 라고 요청해요.
서버(Server)
요청을 받아 서비스를 제공하는 "식당 주인"이에요. 24시간 내내 켜져있으면서 손님의 요청이 오면 웹사이트 데이터를 보내줘요.
3. IP 주소와 도메인 (IP Address & Domain)
"위도 경도 좌표와 실제주소"
IP 주소
인터넷상에 연결된 기기들의 진짜 주소예요. 142.250.206.206 처럼 복잡한 숫자로 되어있죠.
(위도 경도 좌표처럼 정확하지만 외우기 힘들어요)
도메인(Domain)
숫자로 된 IP 주소를 사람이 외우기 쉽게 google.com 처럼 문자로 바꾼 이름이에요.
(우리가 흔히 쓰는 '도로명 주소' 같은 개념이에요.)
DNS(Domain Name System)
google.com 을 치면 숫자인 IP주소로 연결해 주는 "인터네수전화번호부" 같은 서비스예요.
4. API (Application Programming Interface)
"식당의 메뉴판과 점원"
내가 남의 프로그램이나 데이터를 빌려 쓰고 싶을 때 쓰는 "연결 창구" 예요.
예를 들어, 내 웹사이트에 '기상청 날씨'를 보여주고 싶다면, 내가 직접 날씨를 측정하는게 아니라, 기상청이 만들어둔
API라는 창구에 "오늘 날씨 정보 좀 줘!" 라고 말해서 받아오는 식이에요.
5. 프론트엔드와 백엔드 (Front-end & Back-end)
"식당 홀과 주방"
프론트엔드
사용자의 눈에 보이는 부분이에요. 버튼의 모양, 글씨 색깔, 애니메이션 등을 만들죠 (식당의 인테리어, 메뉴판, 서빙)
백엔드
눈에 보이지 않는 뒷부분이에요. 회원가입 정보 저장, 결제처리, 데이터 계산 등을 담당해요. (식당의 주방의 요리, 식재료 관리)
6. 호스팅과 배포 (Hosting & Deployment)
"상가 임대와 오픈식"
호스팅(Hosting)
내 웹사이트 파일을 24시간 켜져있는 컴퓨터(서버)에 올려둘 공간을 빌리는 것이에요.
배포(Deployment)
내가 만든 코드를 서버에 올리고, 전 세계 사람들이 접속할 수 있게 공개하는 과정을 말해요.
요약하자면!
1. 사용자가 브라우저(클라이언트)에 naver.com(도메인)을 입력한다.
2. DNS가 진짜 주소(IP)를 알려준다.
3. 브라우저가 HTTPS(규칙)을 지키며 서버에게 "페이지 줘!"라고 요청한다.
4. 서버는 백엔드에서 데이터를 꺼내와서 프론트엔드 파일(HTML, CSS)를 보내준다.
5. 드디어 우리 눈에 웹사이트가 보인다!