H:Dev+란?

H:Dev+는 무엇인가요?

몇 줄의 코드로 끝내는 백엔드 H:Dev+는 게시판, 회원 관리, 웹폼, 위젯 등 필수적인 백엔드 기능이 미리 구축된 서비스입니다. 운영자는 전용 콘솔에서 손쉽게 기능을 관리할 수 있고, 프론트엔드 개발자는 데이터 식별자를 정의하고 커넥터로 호출하는 것만으로 즉시 데이터를 사용할 수 있습니다.

이 구조는 보다 쉽고 빠르게 백엔드를 사용할 수 있도록 설계되었으며, 기술적 독창성을 인정받아 특허로 등록되었습니다. 복잡한 백엔드 개발 없이도 빠르게 서비스의 완성도를 높일 수 있어, 개발 리소스를 더욱 가치 있는 일에 집중하도록 도와줍니다.

어떻게 동작하나요?

H:Dev+는 아래와 같은 흐름으로 작동합니다.

• 프론트엔드에서 데이터 식별자를 정의하고
• 커넥터를 호출해 해당 데이터를 요청하면
• 수신한 데이터를 프론트에서 즉시 사용할 수 있습니다.

복잡한 설정이나 개발 과정 없이, 데이터 식별자를 정의하고 커넥터를 호출하면 즉시 사용할 수 있는 구조입니다. HTML 속성을 정의하는 것 만으로도 데이터를 저장할 수 있으며, 기획자와 운영자도 쉽게 활용할 수 있도록 직관적인 관리콘솔을 함께 제공합니다. 또한, 다양한 백엔드 기능이 지속적으로 추가되어 점점 더 확장된 환경을 경험할 수 있습니다.

<script setup>
// 1단계 - 데이터 식별자 정의
const requestData = {
  'dataID':'GET_POST_LIST',
  'bbs_seq':1,
  'page':1,
  'list_per_page':20,
  'order':'create_date'
}
// 2 단계 - 커넥터 호출
const {output} = await useNuxtApp().$connector(requestData);
</script>
<template>
  <!-- 3 단계 - 수신데이터 사용 -->
  <div v-if="output">{{output}}</div>
</template>

<?php
use hdevplus\connector;
$oConnector = new connector($HDP_API_URL, $HDP_SECURE_KEY);

// 1단계 - 데이터 식별자 정의
$arrRequestData = [
    'dataID'=>'GET_POST_LIST',
    'bbs_seq'=>1,
    'page'=>1,
    'list_per_page'=>20,
    'order'=>'create_date'
];
// 2 단계 - 커넥터 호출(include 파일에서 자동 호출됨)
$output = $oConnector->request($arrRequestData);
?>
<!-- 3 단계 - 수신데이터 사용 -->
<div>
    <pre><?php print_r($output); ?></pre>
</div>

기존 도구들과 무엇이 다른가요?

H:Dev+는 CMS보다 유연하고, 기존 BaaS보다 더 빠르게 사용할 수 있는 새로운 방식의 백엔드 접근 구조입니다.

기존 솔루션들과는 다르게, H:Dev+는 프론트엔드 개발자가 코드를 작성하면서 동시에 운영할 수 있는 기능 중심 + 콘솔 기반의 새로운 백엔드 구조를 제공합니다.

누가 사용하면 좋을까요?

• 프론트엔드만으로 MVP를 빠르게 만들고 싶은 개발자
• 혼자서 기획부터 운영까지 맡고 있는 스타트업 팀원
• 개발 리소스 없이 콘텐츠를 다루고 싶은 마케터/기획자

H:Dev+는 기획 → 구현 → 운영의 전 과정을 하나의 흐름으로 연결하여, 더 이상 백엔드 개발에 의존하지 않아도 되는 자유를 제공합니다.

지금 바로 시작할 수 있나요?

물론입니다.
H:Dev+는 데모용 보안키가 포함된 샘플 코드를 제공하고 있으며, 회원가입 후 자신의 보안키로 변경하면 콘솔에서 정의한 데이터를 즉시 프론트에서 불러올 수 있습니다.