02_프로젝트 구조

우선 이 리액트 프로젝트의 큰 구조부터 보도록 하자. 필자는 프로젝트를 리액트와 타입스크립트를 이용해서 만들었다. 우선 프로젝트의 큰 구조는 아래와 같다. src파일 안에 api,components,containers,css,img,module파일로 구분했다. ( 프로젝트 진행시 더 추가될진 모르겠다 ) api 백엔드와의 api담당 함수들이 들어있다. 로그인,회원가입 등의 정보 전송할때 api를 받아 객체 정보를 받는용도로 사용된다. 주 용도는 token검사를 해서 내가 로그인 상태인지 아닌지 확인하는것과 해당 유저 정보를 받아오는 것 components 리액트의 컴포넌트들을 관리하는 폴더 이번 프로젝트는 함수형 컴포넌트들로 관리를 했고 이때 들어가는 컴포넌트들을 관리하는 폴더이다. containers ..