[React.js]1. Frontend 기본 구조 생성 + TailWindCSS
·
즐거운 웹 개발
1. 프로젝트 구조 - 세부구조 더보기 실제 적용 이미지 components > NotAuthRoutes.jsx // 로그인된 사람이 로그인 페이지나 회원가입 페이지 못들어가게, 만약 들어간다면 메인 페이지로 리다이렉트 시켜주는 라우트 components > ProtectedRoutes.jsx // 로그인 안 된 사람이 로그인 된 사람만 들어갈 수 있는 경로로 들어갔을때 로그인 페이지로 이동시켜줄 수 있게 하는 컴포넌트 // 함수형 컴포넌트로 만들것임 Navbar > Sections // Navbar 안에서만 사용하는 컴포넌트 // Navbar에서도 사용하고 Footer에서도 사용하면 components 폴더 안에 생성 2. 사용 모듈(초기 세팅) Node.js 설치(LTS) Vite 설치 npm ini..