인터넷의 동작 원리(1)

1. 클라이언트-서버 구조

1. 클라이언트와 서버 개념

클라이언트 : 사용자가 원하는 작어블 하기 위해 적접 손으로 조작하는 컴퓨터 장치 또는 응용 프로그램 ⇒ 서비스를 이용하는데 필요한 데이터를 서버에 요청 / 응답받은 데이터를 화면에 표시

서버 : 클라이언트의 요청을 받아 처리 후 응답하는 컴퓨터 장치 또는 응용 프로그램

2. 서버에서 데이터를 받아오는 이유

저장 장치의 용량 문제와 보안 문제 때문 ‼️

3. 서버의 역할

클라이언트의 요청에 따라 데이터를 저장(Create) , 조회(Read), 수정(Update), 삭제(Delete) 작업 수행 ⇒ CRUD

2. 프론트엔드 개발과 백엔드 개발

1. 프론트엔드 개발의 개념

눈으로 볼 수 있고 손으로 조작할 수 있는 화면을 개발

인터페이스 : 어떤 기능을 쉽게 이용할 수 있도록 도와주는 장치 ⇒ 다른 장치가 소통할 수 있도록 매개체 역할.

사용자 인터페이스 : 사람과 컴퓨터가 소통하게 해주는 인터페이스 ( 그래픽 요소, 입력창, 버튼, 체크박스, 스크롤바)

💡 웹 퍼블리셔
프론트엔드 개발자가 하는 업무의 일부를 수행
⇒ 웹 사이트 개발 시 HTML 5라는 웹 표준을 따라야 햠 & 웹 접근성을 준수
스크린 리더 기능화면 확대 기능음성 인식 기능키보드 오버레이 기능

💡웹 퍼블리셔의 업무

• HTML 5 웹 표준과 장애인 및 노인도 이용할 수 있도록 웹 접근성을 준수해 웹 화면을 만듦
• 클라이언트마다 동일한 디자인으로 보이도록 웹 화면 설계

💡프론트엔드 개발자의 업무
웹 퍼블리셔의 업무를 똑같이 수행웹 사이트 기획에 다라 서버와 통신하는 기능을 구현

2. 백엔드 개발의 개념

서버가 클라이언트의 요청을 받아 처리하는 프로그램을 개발하는 것

웹 서버 : 클라이언트의 요청을 받아 비교적 간단히 처리할 수 있는 응답

웹 애플리케이션 서버 : 바로 처리하기 어려운 요청 ⇒ 웹 서버로부터 받은 복잡한 요청 처리후 웹 서버로 반환

• 네트워크 지식 : 네트워크에 연결된 클라이언트와 서버 간에 어떤 방식으로 소통하는지 알고 구현
• 데이터베이스 지식 : 데이터베이스를 구축하고 데이터 저장 관리
• 인프라 지식 : 서버 운영에 필요한 하드웨어와 소프트 웨어를 관리

3. 개발 범위 정리

💡프론트엔드
웹 사이트나 모바일 앱 화면의 사용자 인터페이스를 통해 서버에 데이터를 요청하는 프레젠테이션 로직(presentation logic)을 개발

💡백엔드
클라이언트의 요청을 받아 처리하는 서버의 비즈니스 로직(business logic)을 개발

3. IP 주소와 도메인 주소

1. IP 주소의 개념

IP 주소 : 인터넷에 연결된 데스크톱, 노트북, 스마트폰과 같은 클라이언트부터 서버까지 모든 장치를 식별할 수 있도록 부여된 고유한 주소

0.0.0.0 ~ 225.225.225.225 까지의 임의 숫자로 구성 ⇒ 이러한 IP 주소 체계를 IP version 4, IPv4

95년 이후로는 IPv6 라는 새로운 형태의 주소를 함께 사용

2. 고정 IP 주소와 유동 IP 주소

💡고정 IP 주소
반납하기 전까지 바꿀 수 없는 IP 주소 ⇒ 보안 때문에 사용
고정 IP를 가진 기기는 신원이 검증된 기기만 허용된 곳에 접속할 수 있음.
한국 인터넷 진흥원을 통해 ISP 라는 곳에서 발급.
ISP : 인터넷을 이용할 수 있도록 네트워크 연결 서비스를 제공하는 기관
(KT, SK 텔레콤, LG U+)

💡유동 IP 주소
고정 IP 주소를 미리 마련해 놓고 인터넷 연결이 필요한 장치에 주소를 잠깐 대여했다가 반납받는 IP 주소
DHCP 서버 : 자동으로 IP 주소를 대여하는 역할 ⇒ 네트워크의 컴퓨터 장치에 IP 주소를 할당하기 위한 표준화된 규칙
IP 주소가 바뀌는 경우
DHCP 갱시하는 경우비행기 모드로 데이터를 끄거나 기기를 종료한느 경우

3. 도메인 주소의 개념

도메인 주소 : 기억하기 어려운 IP 주소를 인간이 기억하기 쉽게 문자열 형태로 만든 주소