React + Springboot 프로젝트

계기

이전 프로젝트를 thymeleaf 기반으로 개발해서 그런지 데이터를 view에 직접 뿌려줬다. 그러다 보니 백엔드는 진짜 백엔드 답게 api를 열어놓고 프론트가 직접 호출하는 정석 프로젝트를 개발하고 싶은 마음이 생겼다.

협업을 하고 싶었지만....

프로젝트 구인 게시판을 둘러봐도 마땅히 내 실력과 비슷한 프로젝트는 없었다. 뭔가 다들 서비스 배포까지 생각하던데 난 아직 그럴 실력이 못된다고 생각했다.

그냥 내가 다 하자

이 기회에 프론트엔드도 경험해볼겸 react + springboot로 풀스택 개발을 해보기로 했다.

목표

프론트엔드와 백엔드의 개발 과정 및 상호간의 데이터 처리를 명확히 이해하고자 함이다.
단 프론트엔드를 자세히는 다루지 않을거고 api를 요청할 때 어떻게 해야하는지 등 전반적인 흐름을 이해하는 정도로만 할 것이다.(react의 비동기 동작방식, useEffect의 리랜더링 원리 등등의 깊이는 안하겠다는 말)

주제
LoLStagram

• 자주 보는 소환사를 즐겨찾기하고 전적 검색, 오늘 인상깊었던 플레이를 자랑하자

프론트엔드

• Api 호출 과정 이해
• Jwt 토큰 다루는 방법

백엔드

• Api 반환을 어떻게 하면 좋은지
• Api 명세서 작성 (swagger 활용)
• 프론트와 협업시 발생하는 에러들을 경험
• Jwt 토큰을 어떻게 관리할지
• OAuth2 서비스

디자인

• gpt & bootstrap 이용

기간

• 1개월 예상

내가 굳이 프론트엔드까지 병행하면서 개발해보는 게 시간 낭비하는 건 아닐까 하는 생각도 들었지만 오히려 경험의 폭이 넓어지는 기회라고 생각하기로 했다.