매스티지와 함께 홈페이지제작, 핵심용어들 완벽 정리! -심화편

---

안녕하세요~!

20년 노하우, 국내 최다 홈페이지 제작 매스티지입니다^^

오늘은 저번 기초편에 이어서

심화편으로 용어정리를 도와드리려고합니다!

그럼 천천히 따라가볼까요~^^

 

"매스티지"와 함께하는 홈페이지 제작 필수 용어: 기본부터 심화까지! -기본편 

"매스티지"와 함께하는 홈페이지 제작 필수 용어: 기본부터 심화까지! -기본편

 

---

 

1. CMS (Content Management System)

 

CMS는 콘텐츠 관리 시스템으로 사용자가 웹콘텐츠를 쉽게 생성, 관리,

수정 및 게시할 수 있도록 도와주는 소프트웨어입니다.

CMS를 사용하면 프로그래밍 지식이 없는 사람도

웹사이트를 구축하고 유지 관리 할 수 있습니다.

 

"CMS의 주요기능에는 어떤 것 들이 있을까요?"

↓

[1]콘텐츠 작성 및 편집

[2]템플릿 관리

[3]사용자관리

[4]미디어관리

[5]플러그인 및 확장기능

[6]게시 및 예약

이 6가지가 주요기능을 하고 있는데요,

---

"그렇다면 우리가 흔히 알고있는,

인기있는 CMS종류에는 무엇이있을까요?"

↓

먼저, WordPress 가 대표적으로 널리 사용되고있는 CMS입니다.

사용자 친화적이며 다양한 테마와 플러그인을 제공합니다.

개인 블로그부터 대규모 기업사이트까지 다양한 용도로 사용된답니다.

그 외에 Joomla, Drupal, Magento, Shopify 등이 있습니다.

---

"그럼 이제 CMS의 장점을 알려드리겠습니다."

↓

가장 먼저, 기술 지식이 없는 사용자라해도

쉽게 웹사이트를 관리 할 수 있습니다.

개발 및 유지관리에 드는 시간과 비용을

절감할 수 있다는 것 또한 큰 장점이죠.

또한 플러그인이나 모듈을 통해

기능을 쉽게 확장하는 것이 가능합니다.

 

CMS는 웹사이트 구축과 관리를 쉽고 효율적으로 만들어 줄 수 있습니다.
다양한 CMS 중에서 자신의 요구에 맞는 시스템을 잘 선택한다면
웹사이트 개발과 유지보수에 드는 시간과 비용을 절감 할 수 있답니다.
웹사이트의 목적과 규모에 적합한 CMS를 효과적으로 활용하여
귀사의 성공적인 웹사이트를 운영하시길 바랍니다^^

 

---

 

2. HTML (HyperText Markup Language)

HTML은 웹페이지의 구조와 내용을 정의하는 마크업 입니다.

HTML은 웹페이지의 텍스트, 이미지, 링크,

멀티미디어 요소 등을 구성하고 배치하는데에 사용되며,

웹브라우저는 HTML코드를 해석해

사용자가 볼 수 있는 웹페이지를 렌더링합니다.

---

"HTML의 주요요소엔 무엇이 있을까요?"

↓

태그(Tag)/요소(Element)/속성(Attribute)

 

HTML은 웹페이지의 기본적인 구조와 내용을 정의하고,
모든 웹페이지의 기초가 됩니다.
그렇기 때문에 우리는 HTML을 이해하고 잘 활용하면
다양한 웹 콘텐츠를 효과적으로 만들 수 있습니다.

앞으로 설명해드릴 CSS, JavaScript와 함께 사용되어

더욱 풍부하고 상호작용적인 웹페이지를 개발하는데

아주 중요한 역할을 하게됩니다^^

 

---

3. CSS (Cascading Style Sheets)

CSS는 웹페이지의 시각적인 표현을 정의하는 스타일 시트입니다.

HTML이 웹페이지의 구조와 콘텐츠를 담당한다면, 

CSS는 그 콘텐츠를 어떻게 표시할지를 결정한다고 생각하시면 됩니다.

또, 텍스트, 색상, 레이아웃, 폰트, 애니매이션 등 

다양한 시각적 요소를 제어합니다.

간단히 말해, HTML 요소들의 스타일과 레이아웃을

꾸미기 위한 것 이라고 볼 수 있습니다.

---

" CSS의 주요 기능은 무엇인가요?"

텍스트 스타일링/ 레이아웃 제어/ 배경스타일링/ 테두리스타일링/ 애니메이션과 변환

---

"CSS의 장점"

↓

한번 정의한 스타일을 여러 HTML 요소에 적용할 수 있습니다.

스타일을 중앙에서 관리해 웹페이지의 일관성을 유지하고,

변경사항을 쉽게 반영할 수 있습니다.

HTML콘텐츠와 CSS를 분리하여,

각 부분을 독립적으로 관리하고

업데이트 할 수 있다는 장점이 있습니다.

 

 

CSS는 웹페이지의 시각적인 표현을 담당하는 중요한 역할을 합니다.
HTML과 함께 사용되어 웹페이지의
디자인과 레이아웃을 제어하며, 사용자 경험을 향상시킵니다.
CSS를 잘 활용하면 웹 페이지를
더욱 아름답고 기능적으로 만들 수 있습니다^^

 

---

 

4. JavaScript 

 

JavaScript는 웹 페이지에 동적 효과를 주거나

상호작용을 구현하기 위한 프로그래밍인데요.

HTML이 웹페이지의 구조를 담당하고,

CSS가 스타일과 디자인을 담당한다면,

JavaScript는 웹페이지에 생동감을 불어넣는 역할을 한답니다.

예를 들면, 버튼을 클릭했을 때 새로운 내용을 보여준다거나,

입력폼을 제출하기 전, 데이터를 검증하는 등의 작업을 할 수가 있습니다.

---

"JavaScript의 주요 특징에는?"

↓

웹페이지에 동적인 인터랙션을 추가할 수가 있습니다.

예를 들면, 버튼을 클릭할시 팝업 창이 열리거나, 마우스를 올리면

이미지가 바뀌는 등의 기능을 구현하는 것이죠.

웹브라우저에서 작동하는 크로스 플랫폼은 다양한 플랫폼과 호환 된답니다.

 

 

JavaScript는 웹페이지를 동적으로 만들고 
사용자와 상호작용을 가능하게 하는 중요한 프로그래밍입니다.
HTML과 CSS를 함께 사용하여 현대 웹 개발의 
핵심 요소로 자리잡고 있기도 하죠.

---

 

5. Hosting 

Hosting은 홈페이지를 인터넷에 게시하고 운영하기 위해 

필요한 서버공간과 관련 서비스를 제공하는 것인데요.

웹사이트를 만들었더라도, 이를 사용자들이 접근할 수 있도록 하기 위해서는

웹 서버에 그 사이트를 저장해야 합니다.

그렇기 때문에 이런 웹 서버를 운영하고 관리하는 역할이 중요합니다.

---

"호스팅의 주요요소는 무엇이있나요?"

서버/ 도메인/ 스토리지/ 대역폭/

---

"호스팅의 종류 4가지"

[1]공유 호스팅(Shared Hosting)

[2]가상 사설 서버(VPS, Virtual Private Server)

[3]전용 서버 호스팅(Dedicated Hosting)

[4]클라우드 호스팅(Cloud Hosting)

---

"호스팅의 주요기능 4가지"

[1]웹서버 제공

[2]데이터 베이스 관리

[3]보안 기능

[4]기술 지원

---

"호스팅 서비스 이용과정 4단계"

[1]도메인 구매

[2]호스팅 플랜 선택

[3]웹사이트 파일 업로드

[4]DNS 설정

 

hosting은 웹사이트를 인터넷에 게시하고 
운영하기 위해 필수적인 서비스입니다. 
다양한 호스팅 옵션 중에서 자신의 웹사이트 규모와 
필요에 맞는 서비스를 선택하는 것이 중요합니다. 
적절한 호스팅 서비스를 통해 웹사이트를 안정적으로 운영하고, 
사용자들에게 원활한 경험을 제공할 수 있습니다.

 

 

"오늘 소개해드린 용어들이 잘 이해가 되셨기를 바라며,

다음에 더욱 더 좋은 정보를 공유해드리겠습니다^^"

 

 

홈페이지 제작 및 문의

매스티지 바로가기 클릭