💻/SPRING + REACT

[스프링+리액트 웹 만들기] #0. 프로젝트 개요

김씨리 2021. 1. 27. 18:09

 

 

백엔드 개발자라는 방향을 잡은 후, 항상 공부해야지 라는 마음만 먹고 미뤄뒀던 스프링... 기초 개념을 아무리 봐도 감이 빨리 잡히지 않았고 실제 구조와 연결이 안돼서 개인적으로 늘 부담스러웠었다. 하지만 인턴십을 하면서 과제로 받은 프로젝트가 Spring + React 를 사용해서 간단한 웹 만들기였고, 드디어 스프링에 손을 대게 되었다.🙃

(기업 인턴십 과제이긴 하지만 실제 기업 내의 주요 정보나 데이터를 전혀 포함하고 있지 않다.)

 

매번 구글링하고 책을 뒤져가며 어찌저찌 만든 나의 작고 귀여운 웹 프로젝트 정리를 해보자.

 

 

 

 

 


 

 

📌 프로젝트 개요

 

간단한 설문지를 생성하고 조회할 수 있는 CRUD 중심의 웹.

게시판과 비슷하지만 게시글 대신 설문지가 있고, 설문에 응답할 수 있다는 차이점이 있다. 설문지에서는 객관식과 주관식 문항을 생성할 수 있다.

 

주 기능 : 

  - 설문 목록 조회

  - 설문 생성

  - 설문 개별 조회

  - 설문 응답

  - 로그인

  - 회원가입

  - 설문 삭제

 

STACK : 

  - Spring Boot (IntelliJ) + Mybatis + MySQL

  - React (VS Code)

 

 

주 기능으로 크게 7가지를 적어놓았지만, 로그인과 회원가입 등 사용자 state에 관한 기능보다는 다른 것들을 우선시하여 프로젝트를 진행했다. 또한, Spring Framework와 이클립스를 시도하다가 복잡한 설정과 계속되는 에러에 고통받다가.... Spring Boot와 IntelliJ로 변경했다. 나중에 Framework로 다시 시도해봐야겠다. IDE는 이클립스보다 IntelliJ 추천!

 

Spring도 직접 사용해보는 것은 처음이지만, 프론트엔드인 React는 더 막막했다. 실제로 작업을 하면서 백엔드에 쏟는 시간과 프론트엔드에 쏟는 시간이 거의 2:8은 되는 것 같았다. (그만큼 웹 프론트엔드에 익숙하지 않아서 애를 먹었다..) 아무튼 나처럼 감이 빨리 안오거나 처음 접근해보는 분들을 위해 최대한 자세하게 기록해두려 한다.

 

 

 

🔎 ROAD MAP

0. 프로젝트 개요

1. 환경 세팅하기  

2. DB 설계하기

 


참고 : corini.tistory.com/entry/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8-%EC%97%B0%EB%8F%99%ED%95%98%EC%97%AC-CRUD-%EA%B5%AC%ED%98%84-1-%EA%B5%AC%EC%83%81-1n?category=836393