리액트 템플릿 프로젝트

프로젝트 설명

• 리액트 기본 초기 설정을 템플릿화 해서 프로젝트 진행을 쉽게 하기 위한 프로젝트 입니다
• 리액트(NoCRA) + 웹팩 + swc + Typescript + Tailwindcss + Zustand 사용
  • NoCRA :CRA를 사용할 때 불필요한 의존성을 너무 많이 설치해서 번들 크기가 커지는 것을 막기 위해서 CRA없이 모두 돌아가게끔 설정
  • swc:Speedy Web Compiler 매우 빠른 자바스크립트 컴파일러
  • webpack: 자바스크립트 모듈뿐만이 아니라 HTML, CSS, Javascript, Images, Font 등 웹 애플리케이션을 구성하는 모든 자원을 하나의 파일로 병합 및 압축해주기 위해 사용
  • Typescript: 타입 에러 디버깅 용이, 협업에 도움
  • tailwindcss: Utility-First 덕에 매우 쉽고 빠르게 원하는 디자인을 개발,쉽고 자유로운 커스텀,로우 레벨의 스타일 제공
  • Zustand: 전역상태 관리
  • shadcn: 템플릿화된 UI 사용

프로젝트 정보 및 사용 방법

로컬

• 실행 포트
• api 연결:
• 실행 명령어

개발서버

• 개발서버 환경
• aws s3 배포
• ip
• 실행 명령어

실서버

• 실서버 환경
• aws s3 배포
• ip
• 실행 명령어

Contributing

Pull requests are welcome. For major changes, please open an issue first
to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT

https://github.com/smshack/react-template

기본적인 레이아웃 작업
로그인 페이지까지 되어 있는 페이지까지 되어 있는 템플릿 작업 완료