12. React 내부 폴더 구조 - boiler-plate제작(frontend)

* 리액트앱을 설치하게 될 경우 초기 기본적인 폴더 구조

*public - index.html 파일 내부를 보면 body 태그안에 <div id="root"></div> 라고 되어 있다. src - index.js내부에 가보면 초기 생성시 리액트는 이 엘리먼트를 사용하고 있으며 이러한 엘리먼트를 root돔이라고 한다.

* 해당 boiler-plate 에서 사용하게 될 폴더 구조

*hoc폴더에 대한 설명

* 즉, 간단히 말해서 해당 페이지가 로그인한 사람만들어갈 수있는지, 로그인안해도 들어갈 수있는지 , 로그인하게되면 못들어가는지(로그인페이지,회원가입페이지) 등등을 판별 해주는 역할이다. 백엔드에서 Auth라는 미들웨어를 만들었었는데 이를 활용하여 axios통신으로 서버와 통신하여 로그인여부를 판별 할 것이다.

 

동영상강의