[사이드 프로젝트] fillsa 개발일지 002. 프로젝트 생성하기

Github Repository 생성하기

 

간단하게 README 파일만 추가하여 repo를 생성했다.

 

 

 

---

Spring 프로젝트 생성하기

Spring Initializr로 프로젝트 생성하기

Spring initializr에서 편리하게 Spring 프로젝트를 생성하여 다운받을 수 있다.

Dependencies는 우선 Spring Web, Spring Data JPA, Lombok만 추가하였다.

(캡쳐 화면상에서는 보이지 않지만 packaging 방식은 jar이고, java 버전은 17로 했다.)

 

다운받은 Spring Project를 압축을 풀어서 로컬 git 레포에 넣는다.

단, main 브랜치에서 dev-be 브랜치를 생성한 후에 파일을 넣었다.

만일 main 브랜치에 spring 프로젝트를 먼저 넣어준 이후에 be 브랜치와 fe 브랜치를 생성해버리면, 의도치않게 fe 브랜치에도 spring 프로젝트가 담기게 되므로 순서를 유념해야한다.

 

프로젝트 정상 실행되는지 확인하기

프로젝트를 켜서 정상 실행되는지까지 확인한다.

컴퓨터에 올바른 java 버전이 설치되어 있지 않는 등의 이유로 프로젝트가 정상 실행되지 않을 수 있다.

컴퓨터에 java 17이 깔려있지 않아서 에러가 발생했다.

 

Java 17 설치하기

java 17 설치 및 환경변수(JAVA_HOME, PATH) 설정을 한다.

java 17 설치 위치는 "C:\Program Files\Java\jdk-17"로 하였다.

자바가 잘 깔렸는지 확인한다.

 

위 사진처럼 cmd 창에 "java -version"이라고 명령했을 때 17.xxx 라고 뜨면 17버전이 잘 까린 것이다. 

 

 

IntelliJ에 Java 17 설정하기

인텔리제이에도 추가적인 작업을 해줘야한다.

먼저 Project Structure에서 SDK를 jdk 17로 맞춰준다.

 

 

그리고 Settings에서 Gradle의 JVM을 jdk 17로 맞춰준다.

 

 

 

Java 버전을 맞춰주고 난 후 Spring 프로젝트가 에러 없이 실행된다.

 

 

---

React 프로젝트 생성하기

node.js 설치 확인하기

React 프로젝트를 생성하려면 컴퓨터에 node.js가 깔려있어야 한다.

cmd 창에 'node -v'라고 입력해서 버전 숫자가 뜨면 깔려 있는 것이다.

 

 

 

React 프로젝트 생성하기

main 브랜치에서 dev-fe 브랜치를 판 후에 React 프로젝트를 생성한다.

npx create-react-app fillsa

 

 

프로젝트 정상 작동 확인하기

리액트 프로젝트의 디렉토리 위치에서 아래 명령어를 cmd 창에 입력한다.

npm run start

 

리액트 프로젝트가 정상 실행되는 것을 확인할 수 있다.