IT 용어

IT 용어, 홈페이지 상담 전에 알아둘 다섯 가지

프런트엔드·백엔드·서버·호스팅·API의 역할을 구분하고, 홈페이지 수정 요청에 필요한 표현을 알아봅니다.

안녕하세요, 키리웹입니다 🙂

홈페이지 상담 중 서버나 API 이야기가 나오면 고개는 끄덕여도 뜻을 묻기 망설여질 수 있습니다. 용어를 전부 외우지 않아도 각자 무슨 일을 하는지만 알면 요청이 훨씬 쉬워집니다.

오늘은 홈페이지에서 자주 쓰는 IT 용어 다섯 가지에 대해, 가게의 홀과 주방에 빗대어 역할과 확인할 점을 정리해 보겠습니다.

프런트엔드는 손님이 보고 누르는 화면입니다

프런트엔드는 브라우저에서 보이는 화면과 사용자의 조작을 다루는 부분입니다. 메뉴 배치, 글자 크기, 버튼을 눌렀을 때의 반응이 여기에 해당합니다.

가게의 홀을 떠올리면 쉽습니다. 손님이 메뉴판을 읽고 직원에게 주문하듯, 방문자는 홈페이지에서 상품 설명을 읽고 예약 버튼을 누릅니다. 사진이 잘리거나 휴대폰에서 글자가 겹친다면 화면이 보이는 상황부터 전달하면 됩니다.

‘디자인이 이상합니다’라는 말에 화면 주소와 기기 종류를 덧붙여 보십시오. 어느 화면의 어떤 글자가 겹치는지 알 수 있도록 사진 한 장을 함께 보내면, 담당자가 문제를 다시 확인하기 쉬워집니다.

백엔드는 요청을 처리하고 정보를 다룹니다

백엔드는 서버 쪽에서 요청을 처리하거나 필요한 정보를 저장하고 보내는 역할을 합니다. 예약 가능 시간 조회나 주문 내용 저장 같은 작업이 예입니다.

홀에서 받은 주문을 주방과 장부에서 처리하는 모습에 가깝습니다. 화면에 예약 버튼이 보인다는 사실만으로 예약 저장까지 정상이라는 뜻은 아닙니다. 누른 뒤 완료 안내가 나오는지, 관리자에게 내용이 전달되는지도 확인해야 합니다.

모든 소개형 홈페이지에 복잡한 백엔드를 따로 만들 필요가 있는 것은 아닙니다. 외부 예약 서비스로 연결할 수도 있습니다. 상담에서는 기술 이름보다 ‘고객이 예약하면 누가 어디에서 확인해야 하는가’를 먼저 설명하는 편이 유용합니다.

서버는 응답하는 쪽, 호스팅은 운영 공간입니다

웹 서버는 홈페이지 파일이나 정보를 요청받아 보내는 소프트웨어와 그 장비를 가리킬 수 있습니다. 호스팅은 사이트를 인터넷에 올려 운영할 수 있도록 자원과 환경을 제공받는 서비스입니다.

서버를 가게 일을 수행하는 설비로, 호스팅을 그 설비를 놓고 운영하는 공간과 관리 조건으로 생각해 볼 수 있습니다. 같은 호스팅이라는 이름이어도 제공 범위는 다릅니다. 백업이나 장애 대응까지 포함되는지는 계약 내용을 확인해야 합니다.

키리웹에 홈페이지 이전이나 유지보수를 문의하실 때는 현재 주소와 호스팅 업체명, 관리자 접근 가능 여부를 알려 주시면 상황을 파악하는 데 도움이 됩니다. 비밀번호 자체를 공개 게시판에 올리는 일은 피하는 것이 좋습니다.

API는 프로그램끼리 소통하는 약속입니다

API는 소프트웨어가 다른 소프트웨어의 기능이나 정보와 상호작용하도록 정한 규칙입니다. 홈페이지에서 외부 지도나 예약 서비스의 기능을 이용할 때 만날 수 있습니다.

가게가 납품처에 정해진 주문서 양식으로 요청을 보내는 모습에 빗댈 수 있습니다. 정해진 항목을 보내고 약속된 형식으로 결과를 받습니다. 외부 서비스와 연결한다면 화면 수정만으로 해결되지 않는 권한이나 이용 조건도 확인할 수 있습니다.

문제가 생겼을 때 용어를 맞혀 원인을 단정할 필요는 없습니다. ‘어떤 행동을 했고, 원래 무엇이 되어야 하며, 실제로 무엇이 보였는지’를 기록하십시오. 오류가 난 시각까지 남기면 화면과 처리 과정 중 어디를 살펴볼지 좁히는 데 도움이 됩니다.

  • 문제가 있는 페이지 주소를 적습니다.
  • 사용한 휴대폰이나 브라우저를 적습니다.
  • 누른 버튼과 기대한 결과를 설명합니다.
  • 실제 화면이나 오류 문구, 발생 시각을 남깁니다.

오늘 내용이 가게 홈페이지를 준비하시는 데 도움이 되었으면 좋겠습니다.

홈페이지 제작이나 수정, 어디서부터 시작해야 할지 모르겠다면
사이트 주소나 고민 한 줄만 남겨 주셔도 괜찮습니다.
묻기만 하셔도 되고, 결정은 나중에 하셔도 됩니다.

안녕하세요. 소상공인의 온라인 파트너 KIRIWEB 키리웹입니다.

👉 키리웹 바로가기

감사합니다.

참고한 공식 자료

서비스 정책과 화면은 바뀔 수 있습니다. 아래 공식 자료와 확인일을 함께 참고해 주세요.

  1. Introduction to the server side (새 창)

    MDN Web Docs확인

  2. What is a web server? (새 창)

    MDN Web Docs확인

  3. API — Glossary (새 창)

    MDN Web Docs확인

← IT 정보 목록으로