INSIGHTS · CMS

기능을 계속 붙일 사이트라면, 워드프레스일까요 Next.js일까요?

기능을 나중에 추가할 사이트는 워드프레스와 Next.js 중 어느 쪽이 덜 어렵습니까? 예약·결제·회원 기능이 추가되는 방식, 판단 기준, 개발사에 물을 질문을 설명합니다.

「기능을 계속 붙일 사이트라면, 워드프레스일까요 Next.js일까요?」 글의 대표 사진
사진 Annie Spratt · Unsplash
목차
  1. 수강 예약을 받으려는 순간 사이트에서 어떤 일이 생깁니까?
  2. 워드프레스와 Next.js는 기능이 추가되는 방식이 어떻게 다릅니까?
  3. 기능이 늘어날 때 어느 쪽이 덜 어려운지 어떻게 판단합니까?
  4. 사이트로 하는 일과 수정 주기는 어떻게 정리해 두면 됩니까?
  5. 비용은 무엇에 따라 달라집니까?
  6. 문의하면 어떤 순서로 진행됩니까?
  7. 그래서 워드프레스와 Next.js 중 무엇을 먼저 비교해 봐야 합니까?

소개 페이지만 있는 학원 사이트를 열고 얼마 뒤 수강 예약을 받고 싶어졌다고 해 보겠습니다. 개발사에 문의했더니 예약은 별도 작업이라는 답이 오고 결제와 회원 전용 자료까지 원하시면 사이트를 만든 방식부터 다시 보자는 말이 이어집니다. 사이트는 멀쩡한데 기능을 추가하려는 순간 일이 멈춘 것처럼 보이는 상황입니다.

이런 상황은 구축 방식에 따라 기능이 추가되는 길이 달라서 생깁니다. 구축 방식은 사이트를 만드는 방식의 종류를 가리키는 말입니다. 워드프레스(글과 사진을 관리 화면에서 수정하는 사이트 제작 프로그램)와 Next.js(개발자가 코드를 작성해 사이트를 만드는 방식)는 기능이 추가되는 길이 서로 다릅니다.

수강 예약을 받으려는 순간 사이트에서 어떤 일이 생깁니까?

예약 기능은 소개 페이지와 달리 신청 내용을 저장하고 담당 직원에게 전달해야 하는 기능입니다. 글과 사진을 보여 주던 사이트에 새 기능이 더해져야 하므로 처음 요청 범위에 없었다면 추가 작업으로 따로 논의하게 됩니다.

결제는 예약보다 한 단계 더 나아갑니다. 손님이 낸 금액과 예약 내역이 서로 맞아야 하고 취소나 환불 같은 예외도 정해져 있어야 하기 때문입니다. 결제 기능이 추가되면 예약 기능과 이어지는 방식도 함께 점검해야 합니다.

회원 기능은 예약과 결제 양쪽에 영향을 줍니다. 로그인한 회원에게만 수강 내역이나 자료를 보여 주려면 누가 무엇을 볼 수 있는지 정해야 하기 때문입니다. 회원 기능을 가장 나중에 요청하더라도 먼저 만든 예약과 결제 화면을 다시 살펴야 할 수 있습니다.

기능이 하나씩 늘 때마다 같은 질문이 생깁니다. 새 기능이 지금의 구축 방식에 어떻게 추가되며 기존 화면과 어떻게 이어지는지입니다. 예약·결제·회원 기능이 추가되는 방식은 워드프레스와 Next.js가 서로 다릅니다.

워드프레스와 Next.js는 기능이 추가되는 방식이 어떻게 다릅니까?

워드프레스는 플러그인을 더하는 방식으로 기능이 추가되고 Next.js는 로그인 상태 유지처럼 회원 기능의 일부를 개발자가 직접 처리해야 합니다. 플러그인은 워드프레스의 기본 기능을 넓히는 코드 묶음이며 예약·결제·회원 기능이 이런 방식으로 추가됩니다. 이미 만들어진 플러그인을 쓰는 방식이므로 필요한 기능이 있는지 먼저 찾아볼 수 있습니다.

원하는 동작이 만들어진 플러그인에 없을 때도 길이 있습니다. 워드프레스 개발자 핸드북은 직접 플러그인을 만드는 일도 워드프레스에 기능을 더하는 일로 설명합니다. 맞는 플러그인이 없다면 개발사가 새 플러그인을 만들어 더하는 방법이 가능한지 물어볼 수 있습니다.

Next.js 공식 문서는 로그인 같은 회원 기능을 직접 만들기보다 인증 라이브러리를 쓰기를 권합니다. 인증 라이브러리는 로그인 기능을 미리 만들어 둔 코드 묶음입니다. 그래서 Next.js로 회원 기능을 추가할 때는 어떤 인증 라이브러리를 쓸지 개발사가 정해야 합니다.

로그인한 뒤의 상태를 이어 가는 일은 개발자의 몫으로 남습니다. 이 일을 세션 관리라고 부르며 회원이 페이지를 옮겨 다녀도 로그인 상태가 이어지게 하는 일입니다. Next.js 공식 문서는 세션 관리를 개발자가 직접 처리해야 하는 부분으로 설명합니다.

회원이 볼 수 있는 자료인지 확인하는 일도 설계 대상입니다. Next.js 공식 문서는 이 확인을 페이지 입구 한 곳에만 두지 말고 자료를 읽어 오는 코드 가까이에서도 하라고 안내합니다. 수강 내역처럼 회원마다 다른 자료가 있는 사이트라면 자료를 읽는 곳마다 권한 확인이 들어가도록 개발해야 합니다.

기능이 늘어날 때 어느 쪽이 덜 어려운지 어떻게 판단합니까?

추가할 기능을 먼저 적고 기능마다 각 구축 방식에서 어떻게 추가되는지 개발사에 물어보면 판단할 수 있습니다. 같은 질문을 두 방식에 하면 답의 구체성이 비교 기준이 됩니다. 순서는 다음과 같습니다.

  1. 앞으로 추가할 기능을 예약과 결제, 회원 순으로 적습니다. 지금 필요하지 않아도 가능성이 있는 기능까지 적어 둡니다.

  2. 개발사에 기능마다 어떻게 추가하는지 묻습니다. 워드프레스라면 쓸 플러그인과 맞는 플러그인이 없을 때의 대안을 확인하고 Next.js라면 회원 기능에 쓸 인증 라이브러리와 로그인 상태 유지 방식을 확인합니다.

  3. 같은 기능을 다른 구축 방식으로 만들면 무엇이 달라지는지도 묻습니다. 한 가지 방식만 권하는 개발사라면 그 이유를 듣고 사이트로 하는 일과 맞는지 비교합니다.

개발사가 기능마다 구체적인 방법을 말하지 못한다면 기능 추가를 요청할 때 범위 논의가 길어질 수 있습니다. 반대로 기능별 방법과 대안을 설명한다면 나중에 추가 요청이 생겨도 무엇을 확인해야 할지 알 수 있습니다.

예를 들어 병원이 진료 예약만 받는다면 예약 기능 하나로 충분한지가 질문의 중심입니다. 회원 전용 진료 안내까지 필요하다면 회원 범위와 권한 확인이 질문에 더해집니다. 어느 쪽이 덜 어려운지는 추가할 기능의 종류와 사이트를 수정하는 주기로 판단합니다.

사이트로 하는 일과 수정 주기는 어떻게 정리해 두면 됩니까?

사이트로 하는 일은 손님에게 보여 주는 일과 손님에게서 받는 일로 나누어 적으면 됩니다. 수정 주기는 직원이 직접 글을 수정하는 빈도와 개발자에게 기능 변경을 맡기는 빈도로 나누어 적습니다.

  1. 손님에게서 받는 일: 예약 신청과 결제, 회원 가입 가운데 지금 필요한 것과 나중에 필요할 것을 구분합니다.

  2. 직원이 직접 수정하는 내용: 공지와 수강 안내, 가격표 같은 글과 사진을 적습니다.

  3. 개발자에게 맡길 변경: 예약 방식 변경이나 결제 수단 추가처럼 기능이 바뀌는 일을 적습니다.

Next.js는 완성한 사이트를 방문자가 볼 수 있게 인터넷에 올리는 일, 곧 배포를 여러 방식으로 할 수 있습니다. 올릴 곳을 고를 여지가 있으므로 지금 쓰는 서버나 계정이 있다면 미리 알려 주시면 개발사가 맞는 방식을 제안할 수 있습니다.

회원 정보가 필요하다면 직원이 어느 회원 정보까지 볼지도 정해 두시면 좋습니다. 권한 확인의 범위가 거기서 정해지기 때문입니다.

기능을 추가할 때 워드프레스는 플러그인을 더하는 방식이고 Next.js는 회원 기능의 일부를 개발자가 직접 처리하는 방식임을 비교합니다.

비용은 무엇에 따라 달라집니까?

정해진 가격표는 없고 아래 기준에 따라 범위가 달라지므로 상담 뒤 견적으로 안내합니다.

  1. 추가할 기능의 종류: 예약만 받는지 결제와 회원까지 필요한지

  2. 기능을 추가할 시점: 처음부터 만드는지 사이트를 연 뒤에 추가하는지

  3. 회원마다 보는 자료가 다른지: 회원 구분과 권한 확인이 필요한 범위

  4. 직원이 직접 수정하는 내용의 양: 글과 사진 수정만인지 기능 변경도 있는지

  5. 운영 중인 사이트가 있는지: 새로 만드는지 지금 사이트에 기능을 더하는지

이 몇 가지를 알려 주시면 범위를 잡을 수 있습니다.

문의하면 어떤 순서로 진행됩니까?

문의 뒤의 순서는 다음과 같습니다.

  1. 문의를 남기시면 사이트로 하려는 일과 수정 주기를 중심으로 상담합니다.

  2. 상담 내용에 맞는 구축 방식을 추천하고 범위와 견적을 안내합니다. 견적을 보시고 진행할지는 고객이 정하시면 됩니다.

  3. 진행하시기로 하면 정해진 범위대로 사이트를 제작합니다.

  4. 프로젝트를 마치면 사이트와 계정을 고객에게 넘겨드립니다.

그래서 워드프레스와 Next.js 중 무엇을 먼저 비교해 봐야 합니까?

필요한 기능이 예약이나 회원처럼 이름이 정해진 기능이고 직원이 글을 직접 수정하는 일이 많다면 워드프레스의 플러그인 방식을 먼저 비교해 볼 만합니다. 회원마다 보는 자료가 달라 권한 확인을 사이트에 맞게 설계해야 하거나 사이트를 올릴 곳을 직접 고르고 싶다면 Next.js를 먼저 비교해 볼 만합니다.

엔소프 컴퍼니는 기능을 나중에 추가할 사이트에 맞춘 웹사이트 구축과 반복 업무 자동화를 AI 에이전트로 개발해 드립니다

기능을 나중에 추가할 사이트의 구축 방식이 고민이시라면 사이트로 하는 일과 수정 주기를 먼저 들려 주시면 됩니다. 엔소프 컴퍼니는 그 내용을 듣고 워드프레스와 Next.js를 포함해 맞는 구축 방식을 추천합니다. 고객이 원하실 경우 추천한 방식으로 사이트를 개발해 드리며 기획과 디자인, 개발, 배포는 한 곳에서 진행합니다.

예약 기능을 붙인 뒤에는 접수된 수강 신청을 직원이 확인해 종류별로 나누고 예약 명단에 다시 입력하는 일이 생길 수 있습니다. 고객이 원하실 경우 엔소프 컴퍼니는 이 예약 접수 업무를 AI 에이전트가 수행하도록 개발합니다. AI 에이전트는 고객이 정한 규칙에 따라 접수와 분류를 사람 대신 맡는 프로그램이며 어디까지 맡길지는 고객이 정하시면 됩니다.

예약 접수에 AI 에이전트를 붙이면 달라지는 점은 다음과 같습니다.

  1. 학원에서 쓰시던 예약 명단과 회계 프로그램은 그대로 두고 새 예약 기능과 연결되어 신청 내용을 다시 입력하는 일이 없어집니다.

  2. 예약 신청과 결제 문의는 도착하는 대로 종류별로 나뉩니다.

  3. 월별 수강료 정산표와 예약 현황 보고서는 정해 둔 양식에 맞춰 자동으로 작성됩니다.

세 가지를 한 번에 맡기실 필요는 없고 예약 접수 분류 하나부터 시작하셔도 됩니다. 접수를 나누고 정산표를 만들던 직원의 근무 시간과 인건비 부담이 줄어듭니다.

프로젝트를 마치면 배포된 웹사이트와 글과 사진을 수정하는 관리 화면, 사이트를 만든 코드와 계정을 넘겨드립니다. 자동화를 맡기셨다면 그 일을 수행하는 장치도 함께 받으실 수 있습니다.

사이트로 하려는 일과 얼마나 자주 수정하시는지 알려 주시면 됩니다.

프로젝트 문의하기

자주 묻는 질문

처음에는 소개 페이지만 만들고 기능은 나중에 추가해도 됩니까?
가능합니다. 다만 추가할 기능 후보를 처음에 개발사에 알려 두시면 그 기능을 추가하기 쉬운 구축 방식을 추천받을 수 있습니다.
지금 운영 중인 사이트를 버리고 다시 만들어야 합니까?
추가할 기능과 지금 사이트의 구축 방식이 맞는지에 따라 달라집니다. 상담에서 지금 사이트가 무엇으로 만들어졌는지와 필요한 기능을 보고 안내합니다.

사이트 도구 고르기 시리즈

  1. 개발사 세 곳이 워드프레스, Webflow, Next.js를 제각각 권하는 진짜 이유
  2. 사이트 10곳 중 4곳이 워드프레스입니다. 그래도 우리 회사엔 아닐 수 있습니다
  3. 디자이너들이 요즘 Framer로 사이트를 만드는 이유, 그리고 그 대가
  4. 개발자 없이 사이트를 직접 고치고 싶다면, Webflow가 답일까요?
  5. 개발사가 「Next.js로 하시죠」라고 할 때, 계약 전에 물어볼 세 가지
  6. 기능을 계속 붙일 사이트라면, 워드프레스일까요 Next.js일까요?지금 읽는 글

이어서 읽기