[Web] Web App 웹앱이란?

 

본 포스팅은 웹앱 강의를 들으면서 정리한 내용입니다. 입문자 강의다보니 내용이 광범위하고 목차처럼 단순했습니다.

<HTML부터 웹앱까지> 강좌의 컨텐츠

1. AWS EC2 서버 구축
2. HTML, CSS, JS,
3. Jquery
4. Node.js 웹서버 구축
5. Cordova

인터넷의 정의

Inter + Network의 합성어

정보 공유를 위해 컴퓨터와 통신망을 연결한 거대한 네트워크

작은 네트워크도 인터넷과 연결될 수 있다면 모두 인터넷이라 칭합니다.

 

역사

발전 과정은 군사적 목적 - 학술적 목적 - 상업적 용도의 순서였습니다.

TCP/IP 방식으로 NSFnet이 개발된 것이 시초가 되었습니다.

 

프로토콜이란?

컴퓨터나 통신 장비 사이에서 메시지를 주고 받는 양식과 규칙 체계입니다.

 

패킷 전송 방식이란?

패킷은 대용량의 정보를 효과적으로 전달하기 위해 일정한 크기의 패킷으로 나누어 전송하는 것을 말합니다.

 

프로토콜의 종류 : TCP/IP

TCP(Transmission Control Protocol)

• 송신자와 수신자 사이의 전송 단계에서 패킷의 주소와 내용을 담당하는 프로토콜입니다.

IP(Internet Protocol)

• 패킷을 목적지까지 보내는 규칙을 정의한 프로토콜입니다.
• 절대 주소라고도 하며 숫자와 점으로 구성됩니다.
• 전 세계의 서버 컴퓨터들은 고유한 IP를 가집니다.

 

 

웹이란?

WWW 월드 와이드 웹의 줄임말. 인터넷에 연결된 컴퓨터를 공유할 수 있는 정보 공간. 웹 프로토콜로는 HTTPS등이 있습니다.

 

웹에 접속하는 과정

DNS : Domain Name System

사용자가 알기 쉬운 도메인을 서버의 ip와 상호 변환하는 역할

• 클라이언트 (웹 브라우저 > 운영체제 > 하드웨어)
• DNS 서버에서 ip주소 변환
• 서버(하드웨어 > 운영체제 > 웹 서버 > index.html)

돌아갈 때는 역순입니다.

 

웹 브라우저를 통해 웹 서버에 접속하여 정보를 얻어 결과를 출력합니다. 이때 인터페이스와 데이터로 구분되는 성질로 인해 프론트엔드와 백엔드 개념이 생깁니다.

 

웹앱이란?

웹 브라우저를 통해서 실행되는 응용 프로그램을 총칭합니다.

• Packaged App : 온라인 상태에서 URL로 접속하므로 유지보수가 편리하고, 항상 온라인 상태여야 합니다.
• Hosted App : 네이티브 기능을 사용하기 용이하며 온라인이 아니어도 사용 가능하나 유지보수가 불편합니다.

 

모바일 웹앱은?

모바일 웹(일반적인 웹사이트)보다 모바일에 더 최적화되어 있으며 네이티브 앱화되어있습니다. 단일 페이지 모델을 사용하여 화면을 전환하고 모바일 웹보다 실행속도가 빠릅니다.

 

하이브리드 앱

네이티브 앱과 웹앱의 장점을 섞어놓은 형태