홈페이지·웹사이트·웹앱·웹시스템, 어떤 차이가 있나

홈페이지·웹사이트·웹앱·웹시스템은 웹 분야에서 개발의 결과물을 지칭할 때 자주 등장하는 용어들입니다. 서로 공통적인 부분이 크기 때문에 일반인은 물론 개발자도 혼동하기 십상입니다. 그래서 각 용어들의 의미를 정리해 봅니다.

먼저 공통적인 부분은 웹 브라우저에서 동작하고 기본적으로는 HTML, CSS, JavaScript로 작성된 하나 이상의 웹 페이지로 구성된다는 것입니다.

어떠한 차이가 있는 지는 본문의 내용을 확인해 보세요.

목차

• 홈페이지
• 웹사이트
• 웹 앱
• 웹시스템

홈페이지

1. 예를 들어, 웹사이트의 www.google.co.kr(도메인)을 주소창에 치면 이동하는 시작 페이지를 홈페이지라고 합니다.

2. 아래의 성격을 가진 웹사이트를 홈페이지라고도 합니다.

2.1. 프론트 엔드 개발^*1 중심의 디자인 중시 웹사이트

2.2. 사용자는 인터넷을 경유하는 모든 일반인

2.3. 예를 들면 기업홈페이지, 개인홈페이지

홈페이지 제작을 메인으로 하는 회사를 웹에이전시라고 말합니다.

웹사이트

웹 브라우저 주소창에 www.google.co.kr(도메인)을 입력하면 보이는 페이지를 홈페이지라고 합니다. 그리고 홈페이지를 포함해서 www.google.co.kr에 속하는 www.google.co.kr/...(생략) 모든 페이지들을 통틀어서 웹사이트라고 합니다.

참고로 우리나라에서는 웹사이트와 홈페이지를 구분해서 사용하지 않는 경향이 있습니다.

웹 앱 (웹 애플리케이션)

웹사이트와 웹 앱은 같은 의미라고 할 수 있지만 웹 앱은 모바일 앱의 이미지에 영향을 받아서인지 모바일에도 최적화된 웹사이트(반응형 웹 디자인), SPA(싱글 페이지 애플리케이션), UI·UX 모두를 고려한 보다 업그레이드된 웹사이트의 새로운 용어라고 볼 수 있습니다.

반면 웹사이트는 좀 올드한 용어라는 느낌이 듭니다.

웹시스템

1. 아래의 성격을 가진 웹사이트를 웹시스템이라고 합니다.

1.1. 백 엔드 개발^*2 중심의 기능 중시 웹사이트

1.2. 사용자는 인트라넷·엑스트라넷을 경유하는 업무자 또는 고객

1.3. 예를 들면 ERP^*3 시스템

[*1] 프론트 엔드 개발 (Front End Development)

기본적으로 개발 언어로 HTML, CSS, JavaScript를 사용하고 프론트 엔드를 클라이언트 사이드(Client Side)라고도 하며 프론트 엔드 개발자를 퍼블리셔(Publisher)라고도 합니다.

[*2] 백 엔드 개발 (Back End Development)

예를 들어 JSP, Java, Spring(프레임워크), DB, Server 등의 작업을 주로 하며 백 엔드는 서버 사이드(Server Side)라고도 합니다.

[*3] ERP (전사적 자원 관리, Enterprise Resource Planning)

쉽게 말하면 기업 전체의 자원(물적, 인적, 돈, 시간)을 하나의 컴퓨터 시스템으로 통합해서 효율적으로 관리하는 것을 말합니다.