토이 프로젝트로 배우는 자바 스프링 [0]. prologue

자바와 스프링에 대한 기본 지식을 기르기 위해 토이 프로젝트를 시작했습니다.

프론트 코드 : https://github.com/laboratory-kkoon9/connector_front

GitHub - laboratory-kkoon9/connector_front

백엔드 코드 : https://github.com/laboratory-kkoon9/connector_back

GitHub - laboratory-kkoon9/connector_back

토이 프로젝트 살펴보기

완성된 프론트 코드에 스프링 프레임워크를 사용한 API 서버를 만들어보는 과정입니다.

그 과정에서 스프링 및 자바의 전반적인 지식을 깊게 공부해보면서 포스팅해보려고 합니다.

• Spring Boot Version : 2.7.7
• Java Version : 8

저는 위와 같은 버전을 사용했지만 여러분들이 편한 버전으로 해보시면 됩니다.

기능소개(로그인 전)

1. Connectors

사용자들의 모든 프로필을 조회하는 페이지

View Profile을 누르면 더 자세한 정보가 나옵니다.

2. Register

회원가입 페이지

3. Login

로그인 페이지

기능소개(로그인 후)

1. Posts

게시글을 작성하는 페이지

따봉

기능 : 좋아요 / 좋아요 취소

Discussion

기능 : 댓글

x

기능 : 게시글 삭제

2. Dashboard

본인의 프로필을 작성하는 페이지

Edit Profile

기능 : 프로필 수정

Add Experience

기능 : 경력 추가

Edit Education

기능 : 학력 추가

프론트 코드 실행시키기

node와 yarn을 설치해주셔야 합니다.

https://nodejs.org/en/

Node.js

터미널에 npm install -g yarn을 설치해주세요.

위에 프론트 코드를 clone 받고 클론 받은 디렉터리에서 yarn 명령어를 실행시켜준 뒤, yarn start해주시면 됩니다.

오류가 난다면?

예전에 작성된 프론트 코드라 버전이 낮습니다.

혹시 실행에서 오류가 난다면 nvm을 설치해서 npm 버전을 v15.14.0로 설치해주세요.

참고할만한 사이트를 공유드립니다.

https://jang8584.tistory.com/295

nvm 설치 및 node 설치 - 사용법(mac&windows)

결론

완성된 프론트 코드에 API 서버를 붙여 완성된 프로젝트를 만들어 보겠습니다.

같이 만들어보고 싶으신 분들이나 실행이 안되는 분들은 코멘트 남겨주세요!