5. 프로젝트 설정

이제 어떻게 만들까의 문제가 남았다.

사용할 기술들을 정리했다.

Backend : SpringBoot, JPA, MySQL, H2, REST DOC, Querydsl

Frontend : React, Redux, Saga

CI, CD: Git Action(혹은 젠킨스)

템플릿 엔진은 쓰지않았다. 타임리프와 Jquery, BootStrap을 사용하면 좀더 빨리 개발할 수 있다.

나의 comport zone임은 분명하다. 하지만 그러한 방식을 사용할 것이면 Spring MVC만으로도 충분하다.

지금 작업은 회사 프로젝트가 아니다.

프론트 디자인은 ant design 을 사용했다.

Ant Design - The world's second most popular React UI framework

ant.design

검색을 해보니 작업시 많은 이점이 있을 것이라 생각했다.

앤트 디자인 - 어드민 개발을 위한 프레임웍

dashboard 어드민 웹개발에 적합하다 초반엔 고객이 사용하는 제품에만 몰두하는 경향이 있다. 웹인지 모바일인지, 어떤 디자인으로 갈건지에 대해 적잖케 고민한다. 어느 정도 구상하다보면 자연

jeonghwan-kim.github.io

bootstrap을 쓰지않은 것은 새로운 라이브러리에 적응하기 위해서이다.

빌드는 spring boot 에서 빌드될때 프론트도 같이 빌드되도록 했다.

이러한 글들을 참고했다.

스프링부트, 리액트 프로젝트 함께 빌드하기

Webtoon 토이프로젝트를 진행하다보니 프론트엔드 서버(react)와 백엔드 서버(를 따로 빌드하고, 실행하는 것이 약간 불편하게 느껴지기 시작했다.. 그래서 'Spring 프로젝트에 프론트엔드 파일들을

velog.io

[react, springboot] react 와 spring boot 로 구성하기, 묶어 build 하기

Springboot 프로젝트를 생성한다. 여기서는 Intellij 를 이용해 생성했고, Gradle과 Java 버전 11을 사용했다. 이 과정은 생략하겠다. react를 설치하는 방법은 다양하지만 여기서는 Create react app 을

lemontia.tistory.com

마지막으로 querydsl 설정이다.

[Spring] SpringBoot + Gradle(5.x && 6.x) + Querydsl Setting

SpringBoot + queryDsl Setting 총정리 스프링 버전 : 2.2.6 그래들 버전 : 6.4.1 QueryDsl 의존성을 추가해주고 프로젝트를 빌드했지만, 아래와 같은 에러가 빈번했다. 큐 클래스가 생성이 안됨 cannot find symb..

n1tjrgns.tistory.com

기본적인 세팅을 끝냈다.

ITcoin