뉴렉처

뉴렉처

로그인

공유된 따라하기 · 스프링부트

스프링 부트 백엔드 만들기 — ncafe 프로젝트의 첫 API

안녕하세요. 이제 NextJS로 프론트를 만들고 있으니, 레이아웃을 끝내고 데이터 바인딩을 위해서 슬슬 백엔드를 준비할 차례가 된 것 같습니다.

이번 따라하기를 통해서 일단 한 번 스프링으로 데이터 API 를 만들어보면서 난이도를 체감하시기 바랍니다.

생각보다 이미 내공이 많이 쌓여 있어서 그렇게 마~!~~ㄱ? 어렵지는 않을 거라 생각은 합니다….!?!??

대상 서블릿의 doGet/doPost 구조를 알고 있고, Next.js 프론트엔드(ncafe/frontend)를 이미 만든 학생

목표 ncafe/backend 폴더에 스프링 부트 프로젝트를 생성하고, /api/menus API를 만들어 Postman으로 확인한다

완성물 ncafe/backend 폴더의 스프링 부트 앱과, Postman에서 GET /api/menus 요청 시 JSON 배열이 반환되는 상태

필수 준비물

  • Java 17 이상 (JDK 설치 확인: java -version)
  • Maven 3.8 이상 (또는 IntelliJ IDEA 내장 Maven)
  • Postman (무료 버전)
  • VSCode 또는 IntelliJ IDEA

전제

  • ncafe/frontend 폴더는 이미 존재한다고 가정하겠습니다. 이 폴더 옆에 나란히 ncafe/backend 폴더만들 것입니다.

STEP 1 / 6사전 준비

0개 완료 · 6개 남음

  1. Spring Initializr를 사용하기 위한 확장 모듈 설치하기

    VScode의 확장 모듈 창을 열고 “spring” 이라고 검색을 하면 다음과 같은 모듈들을 확인할 수 있습니다.

    위의 그림에서 보이는 모든 도구는 다 설치하셔야 합니다. 이 도구들은 서로 종속관계가 있어서, 일반적으로 Spring Boot Extension Pack 만 설치해도 모두 설치가 되기는 합니다. 만약에 Spring Initializr 가 같이 설치가 안된다면 직접 설치해주시기 바랍니다.

    Spring Initializr란 스프링 프로젝트를 생성해주는 도구입니다. 설치가 끝났으면 다음 단계로 이어갑니다.

이 주소는 글의 저작자가 공개한 링크입니다. 뉴렉처 스터디의 다른 자료는 로그인 후 볼 수 있어요.