[팀플] React + Spring boot 1. 기술사항

devicii·2021년 4월 2일
1

팀플

목록 보기
1/1
post-thumbnail

취업용 포트폴리오를 위해 제작하기 위한 팀플을 시작하게 되었다.
국비과정에서 배운 JSP + 서블릿을 사용한 팀플이 아닌 리액트로 팀플을 하는데 큰 의미를 두고 시작하게 되었다.

어찌보면 특이한 React와 Spring boot의 조합의 탓인지
크게 참고할만한 자료가 적은 것이 아쉽다.

일단 크지 않은 규모의 프로젝트이지만 프론트와 백을 철저히 분리하여 개발할 생각이다.
이유는 꽤 다양한 편이다.

  1. 현재 트렌드에서 프론트와 백을 철저히 구분해 개발하는 트렌드를 굳이 거스를 필요가 없다.

  2. 큰 규모의 프로젝트는 아니지만 스케일 문제나 유지보수의 관점에서 함께 구축하는 것보다 철저히 분리하는 편이 효율성이 더욱 높다고 판단했다.

프론트의 경우 현재 ReactHook, Redux, axios, styled-componets를 활용해 프로젝트를 만들어갈 계획이다.

세상만사 이유 없는 것은 없다 하였다.

아래 기술사항을 접목하기로 한 이유를 나열해 보겠다.

React hook

  • 코드의 간결함과 재사용성이 클래스 방식의 컴포넌트보다 우월하다. 자바를 공부해봤지만 나는 개인적으로 함수형 프로그래밍 방식 특유의 가독성이 좋다.

  • 아무래도 hook을 사용하게 되는 큰 이유는 제일 익숙하다. 물론 프론트엔드 개발자가 되기 위해선 클래스 방식의 기존 컴포넌트를 아는 것도 중요하지만 현재로서는 그다지 매력이 있는 선택지는 아니다.

Redux

  • Redux는 사실 현재 프로젝트에서 사용할 정도의 효율을 보여줄 것이라 기대하지는 않는다.
    그러나 현재 대부분의 팀에서는 Redux와 같은 상태관리 라이브러리를 활용할뿐더러,
    러닝커브가 어느 정도 있는 탓에 아직 제대로 활용해보지 못한 상황인 지금 시점에서 프로젝트에서 활용해가며 배우는 것만큼 확실한 학습이 없다는 것을 현재는 알고 있기에 사용할 예정이다.

axios

  • 비동기 라이브러리의 jquery같은 녀석이 이것이 아닐까?
    쉽고 간편한 것이 제일 큰 장점이다. 기능도 강력하며 fetchAPI와 달리 구형 브라우저까지 지원해주는 탓에 axios를 채택했다.

styled-components

  • css파일을 따로 가지지 않게 되어 이전에 활용했던 css module과는 다르게 훨씬 간편해지는 장점이 생긴다.
    한 번 접해봤지만 사용법이 크게 어렵지 않았고, 현재 서칭중인 회사의 기술스택에 styled-components가 상당히 많은 점도 이번 기회에 한 번 사용해보자 하는 마음을 더 크게 만들었다.
profile
Life is a long journey. But code Should be short :)

0개의 댓글