# Website와 Web application

웹 사이트(Website)와 웹 애플리케이션(Web application)의 차이를 알아보자

![](https://785286756-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPF0dl8cBoeeLazsdjn%2F-MRJsBfYrHa7Kjwpa9Fb%2F-MRJsNp5x10GtMfSW-ks%2Fimage.png?alt=media\&token=da7b3161-33e4-4666-ad6b-a9eea69af7b8)

## 웹 사이트 (Website)

애플리케이션 기능이 없고 서버 또는 API와 연동(통신)되지 않고 페이지만 제공하는 것을 웹 사이트이다. 사용자와 대화하지 않고 정보 제공을 목적으로 하는 페이지를 웹 사이트라고 구분 할 수 있다.&#x20;

웹 사이트를 지칭하는 대표적인 경우는 다음과 같다.

* 뉴스 페이지
* 공식 문서 제공 페이지
* 위키피디아 같은 사전&#x20;

## 웹 애플리케이션 (Web application)

서비스를 수행할 수 있는 기능을 가진 페이지를 웹 애플리케이션이라고 한다. 웹 애플리케이션은 사용자와 대화하는 기능이 있다. 대화하는 기능은 데이터를 입력하거나 수정하는 등의 행동을 말한다. 반응형 웹 페이지가 읽기만 가능한 페이지 기능만 제공한다면 애플리케이션이라 부를 수 없다. PWA는 기본적으로 애플리케이션을 지칭하므로 웹앱으로 분류할 수 있다.

{% hint style="info" %}
PWA이란?&#x20;

PWA(Progressive web applications)는 웹과 네이티브 앱의 기능 모두의 이점을 갖도록 수 많은 특정 기술과 표준 패턴을 사용해 개발된 웹 앱이다.&#x20;

참고

* [프로그레시브 웹 애플리케이션 → 위키 백과](https://ko.wikipedia.org/wiki/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%A0%88%EC%8B%9C%EB%B8%8C_%EC%9B%B9_%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98)
* [프로그레시브 웹 앱 소개 → MDN](https://developer.mozilla.org/ko/docs/Web/Progressive_web_apps/%EC%86%8C%EA%B0%9C)
* [네이티브 앱과 웹의 비교 ](https://altenull.github.io/2018/02/25/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%A0%88%EC%8B%9C%EB%B8%8C-%EC%9B%B9-%EC%95%B1-Progressive-Web-Apps-%EB%9E%80/)
  {% endhint %}

웹 애플리케이션을 지칭하는 대표적인 경우는 다음과 같다.

* 웹 메일 서비스
* 온라인 전자상거래 서비스(쇼핑몰 등)
* 경매 서비스
* 위키(Wiki) 서비스
* 인터넷 게시판
* 블로그, 커뮤니티 등
* MMORPG 게임 등

## 참고&#x20;

* [웹 애플리케이션 vs 웹 사이트 차이점 **(**&#x53;cienceSoft 답)](https://www.scnsoft.com/blog/web-application-vs-website-finally-answered)
* [웹 애플리케이션 vs 웹 사이트 차이점 (개인 블로그)](https://www.guru99.com/difference-web-application-website.html)
