안녕하세요, 그리드클러치입니다.
홈페이지를 만들려고 하니, 어떻게 준비해야 할지 호스팅은 무슨 말인지 어려워하시는 분들이 많습니다.
그럴 때 홈페이지 제작 용어를 먼저 알아두시는 것이 좋습니다. 물론 모르셔도 홈페이지 제작 전문가가 있기 때문에 문제는 없지만, 기본적인 용어들을 조금 알고 계신다면 상담이나 제작 시 의사소통과 홈페이지 제작에 큰 도움이 됩니다.
1. 반응형 홈페이지
PC, 태블릿, 스마트폰 등 다양한 기기 화면 크기에 맞게 자동으로 레이아웃이 조정되는 웹사이트 형태입니다.
유지보수가 쉽고 사용자 경험이 향상되기 때문에, 요즘 웹사이트는 대부분 반응형으로 제작됩니다.
2. GNB (Global Navigation Bar)
홈페이지 상단에 위치한 전역 네비게이션 메뉴입니다.
사이트의 주요 메뉴(예: 회사소개, 제품소개, 고객센터 등)를 한눈에 볼 수 있게 해줍니다.
3. 메인페이지
홈페이지에 처음 접속했을 때 보이는 대표적인 첫 페이지입니다.
회사의 핵심 정보, 주요 서비스, 비주얼 등을 한눈에 보여주는 역할을 합니다. "홈페이지의 얼굴"이라고 할 수 있어요.
4. 서브페이지
설명: 메인페이지 외에 상세 내용을 담고 있는 개별 페이지입니다. 메뉴나 링크를 통해 이동하며, 목적에 맞는 콘텐츠를 담고 있습니다.
예: 회사 소개, 제품 소개, 문의하기 등.
5. 푸터 (Footer)
홈페이지 하단에 항상 고정되어 있는 영역으로, 회사 정보나 저작권, 연락처, 관련 링크 등을 담습니다.
사이트의 마무리 구역이며, 공통 요소로 모든 페이지에 반복 표시됩니다.
6. PG (Payment Gateway) 시스템
온라인 결제를 가능하게 해주는 시스템입니다. 카드결제, 계좌이체, 간편결제 등을 처리할 수 있도록 해줍니다.
예: KG이니시스, 토스페이먼츠, 나이스페이 등.
7. 웹빌더 (Web Builder)
코딩을 몰라도 웹사이트를 빠르게 만들 수 있도록 도와주는 도구입니다.
마우스로 화면에 끌어다 놓기만 하면, 다양한 화면 구성을 손쉽게 할 수 있습니다.
그로 인해, 웹사이트 제작 및 유지 관리 비용이 자체 개발보다 10배 가까이 줄어들 수 있습니다.
8. 자체개발
웹사이트를 웹빌더나 템플릿이 아닌, 직접 디자인하고 프로그래밍해서 만드는 방식입니다.
커스터마이징 자유도가 높고, 복잡한 기능도 구현 가능하지만 개발 비용과 시간이 많이 들게 됩니다.
9. 호스팅 (Hosting)
집을 짓기 위해 필요한 땅. 홈페이지 서버를 빌려 데이터를 저장하고 운영할 수 있게 공간을 빌려주는 서비스입니다.
아임웹, 윅스, 워드프레스, 카페 24 등이 있으며, 그리드클러치는 아임웹 호스팅을 이용하고 있습니다.
10. 도메인
사람들이 웹사이트를 기억하고 접속할 수 있게 해주는 고유한 웹사이트 주소의 이름입니다.
기본 자체 호스팅사 주소(예:사이트.imweb.me)를 이용하시면 무료지만
(사이트.com/사이트.kr)등의 별도 주소를 이용하시려면 도메인을 구매하셔야 합니다.
11. SSL 보안인증서
사이트와 방문자 간의 데이터 통신을 암호화해주는 인증서입니다.
개인정보 해킹방지를 위해 회원가입 및 결제/상담문의 등 고객정보를 수집하는 사이트 운영시
법적으로 의무 세팅하도록 되어있습니다. 그렇지 않을 경우 최대 3천만 원의 과태료가 부과될 수 있습니다.
웹사이트가 http://가 아닌 https://로 시작한다면, 해당 홈페이지는 안전하게 SSL를 사용하고 있다는 증거입니다.
12. 사이트맵
웹사이트 전체 구조를 한눈에 볼 수 있도록 정리한 페이지 또는 파일입니다.
메뉴 구조도 라고 부르기도 하며, 전체 메뉴 구성을 미리 준비해 주시면 더 상세하게 견적 및 비용을 안내받으실 수 있습니다.
13. 섹션 (Section)
한 페이지 안에서 나뉜 내용의 구역입니다. 메인페이지에서 상단 키 비주얼 배너, 고객 리뷰, 하단 문의 영역 등
각각이 하나의 섹션이 됩니다. 시각적으로 정보를 나누어 전달해 사용자 이해를 돕습니다.
홈페이지 제작 상담하기
안녕하세요, 그리드클러치입니다.
홈페이지를 만들려고 하니, 어떻게 준비해야 할지 호스팅은 무슨 말인지 어려워하시는 분들이 많습니다.
그럴 때 홈페이지 제작 용어를 먼저 알아두시는 것이 좋습니다. 물론 모르셔도 홈페이지 제작 전문가가 있기 때문에 문제는 없지만, 기본적인 용어들을 조금 알고 계신다면 상담이나 제작 시 의사소통과 홈페이지 제작에 큰 도움이 됩니다.
1. 반응형 홈페이지
PC, 태블릿, 스마트폰 등 다양한 기기 화면 크기에 맞게 자동으로 레이아웃이 조정되는 웹사이트 형태입니다.
유지보수가 쉽고 사용자 경험이 향상되기 때문에, 요즘 웹사이트는 대부분 반응형으로 제작됩니다.
2. GNB (Global Navigation Bar)
홈페이지 상단에 위치한 전역 네비게이션 메뉴입니다.
사이트의 주요 메뉴(예: 회사소개, 제품소개, 고객센터 등)를 한눈에 볼 수 있게 해줍니다.
3. 메인페이지
홈페이지에 처음 접속했을 때 보이는 대표적인 첫 페이지입니다.
회사의 핵심 정보, 주요 서비스, 비주얼 등을 한눈에 보여주는 역할을 합니다. "홈페이지의 얼굴"이라고 할 수 있어요.
4. 서브페이지
설명: 메인페이지 외에 상세 내용을 담고 있는 개별 페이지입니다. 메뉴나 링크를 통해 이동하며, 목적에 맞는 콘텐츠를 담고 있습니다.
예: 회사 소개, 제품 소개, 문의하기 등.
5. 푸터 (Footer)
홈페이지 하단에 항상 고정되어 있는 영역으로, 회사 정보나 저작권, 연락처, 관련 링크 등을 담습니다.
사이트의 마무리 구역이며, 공통 요소로 모든 페이지에 반복 표시됩니다.
6. PG (Payment Gateway) 시스템
온라인 결제를 가능하게 해주는 시스템입니다. 카드결제, 계좌이체, 간편결제 등을 처리할 수 있도록 해줍니다.
예: KG이니시스, 토스페이먼츠, 나이스페이 등.
7. 웹빌더 (Web Builder)
코딩을 몰라도 웹사이트를 빠르게 만들 수 있도록 도와주는 도구입니다.
마우스로 화면에 끌어다 놓기만 하면, 다양한 화면 구성을 손쉽게 할 수 있습니다.
그로 인해, 웹사이트 제작 및 유지 관리 비용이 자체 개발보다 10배 가까이 줄어들 수 있습니다.
8. 자체개발
웹사이트를 웹빌더나 템플릿이 아닌, 직접 디자인하고 프로그래밍해서 만드는 방식입니다.
커스터마이징 자유도가 높고, 복잡한 기능도 구현 가능하지만 개발 비용과 시간이 많이 들게 됩니다.
9. 호스팅 (Hosting)
집을 짓기 위해 필요한 땅. 홈페이지 서버를 빌려 데이터를 저장하고 운영할 수 있게 공간을 빌려주는 서비스입니다.
아임웹, 윅스, 워드프레스, 카페 24 등이 있으며, 그리드클러치는 아임웹 호스팅을 이용하고 있습니다.
10. 도메인
사람들이 웹사이트를 기억하고 접속할 수 있게 해주는 고유한 웹사이트 주소의 이름입니다.
기본 자체 호스팅사 주소(예:사이트.imweb.me)를 이용하시면 무료지만
(사이트.com/사이트.kr)등의 별도 주소를 이용하시려면 도메인을 구매하셔야 합니다.
11. SSL 보안인증서
사이트와 방문자 간의 데이터 통신을 암호화해주는 인증서입니다.
개인정보 해킹방지를 위해 회원가입 및 결제/상담문의 등 고객정보를 수집하는 사이트 운영시
법적으로 의무 세팅하도록 되어있습니다. 그렇지 않을 경우 최대 3천만 원의 과태료가 부과될 수 있습니다.
웹사이트가 http://가 아닌 https://로 시작한다면, 해당 홈페이지는 안전하게 SSL를 사용하고 있다는 증거입니다.
12. 사이트맵
웹사이트 전체 구조를 한눈에 볼 수 있도록 정리한 페이지 또는 파일입니다.
메뉴 구조도 라고 부르기도 하며, 전체 메뉴 구성을 미리 준비해 주시면 더 상세하게 견적 및 비용을 안내받으실 수 있습니다.
13. 섹션 (Section)
한 페이지 안에서 나뉜 내용의 구역입니다. 메인페이지에서 상단 키 비주얼 배너, 고객 리뷰, 하단 문의 영역 등
각각이 하나의 섹션이 됩니다. 시각적으로 정보를 나누어 전달해 사용자 이해를 돕습니다.
홈페이지 제작 상담하기