[React.js] 프로젝트 생성 및 기본 구조(소스코드포함) + 초보자용 디테일 설명
·
즐거운 웹 개발/Setting
1. 프로젝트 생성 node.js설치 (설치되어있다면 생략하시면 됩니다, 하단링크 들어가셔서 LTS 다운로드 후 실행) https://nodejs.org/en frontend 폴더 생성 visual studio code 프로그램 실행후 frontend 폴더 열기 TERMINAL에 npm init vite 입력 후 프로젝트 이름은 ./(현재 폴더에 생성) 치고 엔터 y 입력 후 framework는 React, variant는 JavaScript 선택 2. 프로젝트 구조 2.1 구조 설명 components : 여러 component에서 공통 사용되는 components 생성 항상 component 이름은 대문자로 시작 NotAuthRoutes.jsx : 로그인 된 사람이 로그인페이지나 회원가입 페이지 못들..
ue3 Cli로 생성된 프로젝트 / multi-word-component-names 오류 해결
·
즐거운 웹 개발/Setting
https://babycoder05.tistory.com/entry/Vue3-Cli%EB%A1%9C-%EC%83%9D%EC%84%B1%EB%90%9C-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-multi-word-component-names-%EC%98%A4%EB%A5%98-%ED%95%B4%EA%B2%B0
Bootstrap install + Setting (최신 버전)
·
즐거운 웹 개발/Setting
공식 문서 참고!! Download Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more. getbootstrap.com 1. 설치 yarn add bootstrap@5.2.3 yarn이 에러가 덜 난다 원하는 버전 설치 2. main.js에 추가 import 'bootstrap' import 'bootstrap/dist/css/bootstrap.min.css' 3. 오류나는 경우 Module not found: Error: Can't resolve '@popperjs/core' (이런 오류..