TechStack choice

📌 우리는 이 기술을 이렇게 생각해서 선택했어요 !

FE

React

프레임워크를 선택할 때 프레임워크 안전성 , 커뮤니티 크기 , 각자 팀원들 프레임워크 숙련도 등을 고려해서 선택할 수 있는데 , 일단 프론트엔드 팀원들이 리액트 프레임워크 숙련도가 다른 프레임워크보다 높았고 , 프로젝트 하다가 모르는 오류를 발견했을 때 커뮤니티 크기 도 무시할 수 없기때문에 앞에 설명들을 종합하여서 리액트를 사용하게 되었습니다.

Recoil

기존과 같이 트리구조에서 수직적인 상태 전달 과정에서 필요한 컴포넌트에서만 상태를 핸들링 할수있는 이점이 있고, 이러한 상태를 타 컴포넌트에서 편리하게 핸들링 및 조회가 가능합니다.

Axios

처음에 선택지는 대표적으로 axios 랑 fetch 이 두가지로 분류가 되는데 , axios는 일단 더 많은 브라우저에서 지원이 됩니다.

자동으로 json형식으로 반환되기 때문에 개발자 편의성이 용이하고 , XSRF 라는 보안 기술도 적용이 되어 있기 때문에 더 용이하다고 판단 하에 Axios를 사용하게 되었습니다.

Toast-ui

게시글 기능 구현을 위해 WYSIWYG 라이브러리를 도입하기로 결정한 후 React-Quill, React-Draft-Wysiwyg, TOAST UI Editor 세 가지를 비교하였습니다. 그 중 TOAST UI Editor의 UI가 사이트와 가장 적합하고, 사용자가 자유롭게 WYSIWYG, MarkDown 모드를 선택하여 게시글을 작성할 수 있도록 구현되어 있어 선택하게 되었습니다.

Styled-component

css 값들을 상태에 따라 핸들링하기 용이 하고, 태그에 스타일을 담아 컴포넌트화 시켜서 가독성이 좋아집니다.

Cookie 사용

엄청난 아이디어 떠오름 !! 적용 되는거 확인하면 바로 적겠음 !!

---

BE

SpringBoot

MongoDB

Redis

Spring Security with JWT