홈페이지 견적서를 받아 보면 "React", "AWS" 같은 영어가 꼭 적혀 있죠. 물어보기도 애매하고, 넘기자니 찝찝합니다. 결론부터 말씀드리면 홈페이지 기술 구성은 세 층만 구분하면 충분히 이해됩니다. 화면을 그리는 층, 주문을 처리하는 층, 그 둘이 올라가 있는 컴퓨터입니다.
아래 내용은 현재 잇다웹 자주 묻는 질문 페이지에서 확인하실 수 있는 구성입니다.
홈페이지 기술 구성, 세 층으로 나눠 보세요
건물에 비유하면 빠릅니다. 손님이 보는 인테리어, 뒤에서 돌아가는 주방, 건물이 서 있는 땅입니다.
| 층 | 하는 일 | 잇다웹이 쓰는 것 |
|---|---|---|
| 화면 | 손님이 보고 누르는 부분 | 리액트 또는 뷰 |
| 서버 프로그램 | 주문·문의·회원을 처리 | 패스티파이 또는 익스프레스 |
| 웹 서버 | 홈페이지가 24시간 켜져 있는 컴퓨터 | AWS 또는 구글 클라우드 |
세 층을 알아 두면 문제가 생겼을 때 어디가 문제인지 말할 수 있습니다.
화면을 만드는 층: 리액트와 뷰
리액트(React)와 뷰(Vue.js)는 홈페이지 화면을 조각으로 나눠 만드는 도구입니다. 버튼, 상품 카드, 상담 신청 폼을 각각 부품처럼 만들어 두고 필요한 자리에 끼워 넣습니다.
부품으로 만들어 두면 나중이 편합니다. 상담 신청 폼 하나만 고치면 그 폼을 쓰는 모든 페이지가 같이 바뀝니다.
한 줄 정리: 화면 수정이 빠른 구조입니다.
주문을 처리하는 층: 패스티파이와 익스프레스
패스티파이(Fastify)와 익스프레스(Express)는 화면 뒤에서 일을 처리하는 도구입니다. 손님이 상담 신청 버튼을 누르면 내용을 저장하고 사장님께 알림을 보내는 쪽입니다.
잇다웹은 화면 층과 이 층을 분리해서 만듭니다. 그래서 디자인을 바꿔도 주문 처리 부분은 건드리지 않아도 됩니다.
한 줄 정리: 디자인 변경과 기능 추가를 따로 할 수 있습니다.
홈페이지가 사는 집: AWS와 구글 클라우드
홈페이지도 24시간 켜져 있는 컴퓨터 위에 있어야 합니다. 그 컴퓨터를 빌려주는 곳이 클라우드입니다. 잇다웹은 AWS(아마존 웹 서비스) 또는 구글 클라우드를 씁니다.
두 곳 모두 전 세계 기업이 함께 쓰는 대형 클라우드입니다. 사무실에 서버를 따로 두지 않아도 되고, 방문자가 늘면 사양을 올릴 수 있습니다.
사장님이 서버 관리를 직접 하실 필요는 없습니다. 관리와 점검은 제작사가 맡습니다.
한 줄 정리: 서버는 빌려 쓰고, 관리는 맡기시면 됩니다.
자주 묻는 질문
홈페이지 소스 코드도 받을 수 있나요?
네, 받으실 수 있습니다. 잇다웹은 맞춤 제작 시 소스 코드 100%를 넘겨드린다고 안내합니다. 자세한 범위는 무료 제공 서비스에서 확인하세요.
기술 용어를 몰라도 제작을 맡길 수 있나요?
가능합니다. 사장님이 정하실 것은 어떤 페이지가 필요한지입니다. 기술 선택은 제작사가 목적에 맞게 맞춰 드립니다.
나중에 다른 회사로 옮길 수도 있나요?
소스 코드를 갖고 계시면 옮길 수 있습니다. 서버와 도메인 이전 절차가 따로 필요하니, 계약 전에 소스 코드 제공 여부를 확인해 두세요.
우리 홈페이지에 어떤 구성이 맞을지 궁금하시면 무료 견적 상담에서 편하게 물어보세요.
사진: Unsplash