백엔드 개발, 또 처음부터 만드세요?
H:DEV+라면 코드 몇 줄만으로 충분합니다.

백엔드가 필요하세요? 데이터 식별자만 정의하면 끝.
특허 받은 방식으로 코드 몇 줄만 작성하면 즉시 백엔드를 사용할 수 있습니다.
프론트엔드 개발자와 기획자를 위한 가장 빠른 MVP(Minimum Viable Product) 플랫폼입니다.

지금 바로 시작하기 자세한 사용법 보기

매번 로그인 기능부터 만드는 당신에게

자주 만드는 기능인데도 매 프로젝트마다 새로 시작하시죠? 반복되는 작업에 시간은 늘 부족합니다.

CMS는 편하지만, 자유롭진 않잖아요

빠르게 시작할 수 있지만 원하는 디자인을 적용하기엔 제약이 많고, 기능 확장은 더 큰 벽으로 다가옵니다.

기획은 다 했는데 개발이 막막하다면

아이디어는 충분하지만 백엔드 구성부터 배포, 인증까지 혼자 하기엔 너무 많은 리소스가 듭니다.

다음의 3단계 만으로 프론드엔드에서 아주 쉽고 빠르게 백엔드를 사용할 수 있습니다.

H:Dev+는 별도의 DB 설계나 백엔드 코딩 없이 사용할 수 있는 백엔드 플랫폼입니다. JSON 형식으로 데이터 식별자를 정의하고, 제공되는 커넥터를 설치해 호출하면 결과를 JSON으로 받아볼 수 있어, 단 3단계만으로 백엔드를 바로 사용할 수 있습니다. 이 방식은 특허로도 검증되었으며, 다양한 프론트엔드 환경에서 사용 할 수 있습니다.

H:Dev+ 특허 보기

Sample Code

                    <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
                        // 1단계 - 데이터 식별자 정의
                        $arrRequestData = ['dataID' => 'GET_POST_LIST'];
                        // 2 단계 - 커넥터 호출(include 파일에서 자동 호출됨)
                        include('connector.php');
                    ?>
                    <!-- 3 단계 - 수신데이터 사용 -->
                    <div>
                        <pre><?php print_r(); ?></pre>
                    </div>

                    @RequestMapping("/post/list")
                    public String getPostList(@RequestParam Map<String, String> getParams, Model model) {
                        // 1단계 - 데이터 식별자 정의
                        requestBody.add("page", getParams.get("page")!=null?getParams.get("page"):"1");
                        requestBody.add("list_per_page", "10");
                        requestBody.add("block_per_number", "5");
                        requestBody.add("search_keyword", getParams.get("search_keyword"));
                        // 2 단계 - 커넥터 호출
                        Map<String, Object> output = (Map<String, Object>) connector.sendPostRequest("GET_POST_LIST",requestBody).block();
                        output.put("search_keyword", getParams.get("search_keyword"));
                        // 3 단계 - 수신데이터 사용
                        model.addAttribute("output", output);
                        return "post/list";
                    }

예제코드 다운로드