홈페이지 관련 핵심용어 정리

 

홈페이지 용어들이 너무 어렵게 느껴지나요?
도메인부터 메뉴 구조, 개발 방식, 운영까지 바로 이해할 수 있게 설명했습니다.

1. 기초 개념

도메인
Domain
도메인은 웹사이트의 주소입니다. 유저들이 이 주소를 통해 사이트에 접속합니다.

호스팅
Hosting
홈페이지를 운영할 수 있도록 서버 공간을 빌려주는 서비스입니다. 파일, 이미지, 글 등을 서버에 올려 홈페이지를 제공할 수 있습니다.

서버
Server
웹사이트를 실행시키고 데이터를 전송하는 컴퓨터입니다. 호스팅 서비스는 바로 이 서버를 이용하는 방식입니다.

DNS
Domain Name System
DNS는 도메인을 IP 주소로 변환해주는 안내 시스템입니다. 도메인을 입력하면 서버까지 연결 경로를 안내합니다.

SSL
Secure Sockets Layer
SSL은 주소창에 자물쇠를 표시하는 보안 인증서입니다. 개인정보 보호의 기본입니다.

프론트엔드
Frontend
프론트엔드는 눈에 보이는 화면을 만드는 영역입니다. 디자인과 인터랙션이 포함됩니다.

백엔드
Backend
백엔드는 로그인, 데이터의 처리와 저장 등 기능을 처리하는 서버 영역입니다.

반응형 웹
Responsive Web
PC, 스마트폰 등 다양한 해상도에 맞춰 레이아웃과 콘텐츠를 자동으로 조정되는 웹사이트입니다. 

IP / URL 구조
Internet Protocol / Uniform Resource Locator
IP는 서버의 실제 주소이고, URL은 페이지까지의 전체 경로입니다. 웹의 기본 구조를 구성합니다.



2. UI/UX

GNB
Global Navigation Bar
GNB는 상단 메뉴입니다. 사이트 전체의 구조를 보여주는 기본 내비게이션입니다.

LNB
Local Navigation Bar
2단계 이상 메뉴 구조에서 서브페이지용 메뉴 내비게이션입니다. 주로 좌측에 위치하며 현재 어떤 하위 페이지에 있는지 확인할 수 있습니다.

인터랙션
Interaction
사용자가 웹사이트에서 취하는 행동과 그에 따른 화면 반응을 설계하는 과정입니다. 버튼 클릭, 스크롤 등 사용자 행동과 시스템 반응을 디자인합니다.

브레드크럼
Breadcrumb
사용자가 현재 사이트 내 어디에 위치해 있는지 단계별로 보여주는 내비게이션 UI입니다. 상위 메뉴에서 하위 페이지까지의 경로를 시각적으로 표시합니다.

스카이 스크래퍼
Sky Scraper
웹페이지에서 시선과 접근성을 높이는 역할로 주로 화면에 우측에 고정되어 바로가기를 배치합니다. 설계에 따라 열기/닫기 기능도 넣습니다.

히어로 섹션
Hero Section
웹 사이트 메인화면의 비주얼 영역입니다. 핵심 메시지를 영상이나 이미지로 보여주며, 방문자에게 강렬한 첫인상을 전달하는 중요한 영역입니다. (메인 비주얼 영역)

와이어프레임
Wireframe
디자인 이전에 페이지 구조만 잡는 설계도입니다. 콘텐츠 배치, 메뉴 흐름, 기능 위치를 미리 확인하여 효율적인 디자인 계획을 세우는 과정입니다.

IA
Information Architecture
메뉴와 콘텐츠 전체 구조를 설계하는 작업입니다. 정보를 쉽게 찾고 자연스럽게 이동할 수 있도록 사이트 흐름과 계층을 계획하는 과정입니다.

그리드 시스템
Grid System
화면을 일정한 컬럼과 행으로 나누는 규칙입니다. 레이아웃을 일관성 있게 구성하고, 정보와 시각 요소를 균형 있게 배치하는 기반이 됩니다.



3. 개발·기술

HTML / CSS / JS
HyperText Markup Language / Cascading Style Sheets / JavaScript
웹사이트 프론트엔드의 필수 언어 3세트입니다. 실제 모든 프론트엔드 페이지가 이 조합으로 완성됩니다.

SEO
Search Engine Optimization
검색 엔진에서 상위에 노출되도록 웹 구조를 최적화하는 작업입니다. 자연 검색을 통한 방문자 유입을 크게 높이는 핵심 전략입니다.

API
Application Programming Interface
서로 다른 서비스와 기능을 연결하는 통로입니다. 지도, 소셜로그인, 결제 등 다양한 기능을 부드럽게 연동하는 데 활용됩니다.

캐싱
Caching
캐싱은 자주 사용하는 데이터를 미리 저장해 웹 속도를 높이는 기술입니다. 반복 로딩을 줄여 사용자에게 더 빠르고 안정적인 경험을 제공합니다.

CDN
Content Delivery Network
CDN은 사용자와 가까운 서버에서 이미지를 불러와 속도를 높이는 기술입니다. 방문자가 많아도 안정적으로 콘텐츠를 전달하는 데 효과적입니다.

SSR / CSR
Server-Side Rendering / Client-Side Rendering
SSR은 서버에서, CSR은 브라우저에서 페이지를 만드는 방식입니다. 각 방식은 속도, SEO, 초기 로딩 등에서 서로 다른 장점을 제공합니다.

웹 표준 / 웹 접근성
Web Standards / Web Accessibility
웹 표준은 어떤 환경에서도 페이지가 정상적으로 보이도록 하는 규칙입니다. 웹 접근성은 장애 여부와 상관없이 모두가 편하게 이용할 수 있도록 만드는 기준입니다.

Lazy Loading
Lazy Loading은 화면에 보이는 순간 이미지를 불러와 속도를 개선하는 기술입니다. 초기 로딩 부담을 줄여 전체 페이지 성능을 높여줍니다.

크로스 브라우징
Cross-Browsing
크로스 브라우징은 다양한 브라우저에서도 동일하게 보이도록 점검하는 과정입니다. 모든 사용자가 같은 품질의 화면을 보도록 하는 기본 절차입니다.



4. 운영·관리

유지보수
Maintenance
유지보수는 오류 수정, 기능 개선, 디자인 보완 등 사이트를 지속적으로 관리하는 작업입니다. 안정적인 운영을 위해 가장 기본이 되는 과정입니다.

관리자페이지
Admin Page / Back Office
관리자페이지는 로그확인, 팝업 관리, 배너 교체, 회원 관리를 수행하는 내부 시스템입니다. 운영자가 직접 콘텐츠를 관리할 수 있도록 구성된 핵심 영역입니다.

업데이트
Update
업데이트는 기능 추가, 버그 수정, 보안 패치 등 시스템을 최신 상태로 유지하는 작업입니다. 더 나은 성능과 안전성을 위해 주기적으로 필요합니다.

백업
Backup
백업은 데이터 손실을 방지하기 위해 전체 정보를 저장해두는 안전장치입니다. 예기치 않은 오류나 장애가 발생해도 복구가 가능하도록 지원합니다.

최적화
Optimization
최적화는 사이트 속도를 개선하고 서버 부담을 줄이는 작업입니다. 이미지 압축, 코드 정리 등을 통해 사용자 경험을 향상시키는 핵심 단계입니다.

로그 모니터링
Log Monitoring
로그 모니터링은 접속 기록과 오류를 분석해 문제를 빠르게 파악하는 과정입니다. 장애 예방과 안정적인 운영을 위해 필수적인 점검 요소입니다.

CMS
Content Management System
CMS는 글, 이미지, 페이지를 쉽게 수정할 수 있는 콘텐츠 관리 시스템입니다. 관리자가 개발 지식 없이도 웹사이트를 편리하게 운영할 수 있게 해줍니다.

리비전
Revision
리비전은 수정 이력을 기록해 이전 버전으로 되돌릴 수 있는 기능입니다. 실수나 변경 오류가 있을 때 안정적으로 복구할 수 있다는 장점이 있습니다.

이미지/파일 관리
Image / File Management
이미지와 파일 관리는 용량과 경로를 관리해 사이트 속도 저하를 방지하는 작업입니다. 체계적인 저장 구조를 유지해 안정적인 운영을 돕습니다.


제대로 된 홈페이지가 필요하다면 당신의 웹 파트너는 미래제작소입니다.
맞춤형 홈페이지 제작전문 미래제작소
/www.makefuture.kr

미래제작소 - 포항홈페이지제작

 

#홈페이지용어 #웹용어 #웹사이트용어 #홈페이지제작 #웹사이트제작 #기업홈페이지 #반응형웹 #웹개발 #웹디자인 #UIUX #프론트엔드 #백엔드 #도메인 #호스팅 #DNS #SSL #CDN #API #SEO #웹표준 #웹접근성 #크로스브라우징 #SSR #CSR #CMS #유지보수 #관리자페이지 #웹에이전시 #홈페이지제작업채