FrontEnd/REACT 썸네일형 리스트형 [REACT] Prettier, 자동 코드 정리 사용 방법 1. Prettier 사용 방법▷ 사용 이유 : 코드 자동 정렬▷ 사용 방법 : F1( 단축키) → Format → Format Document 적용 → 자동 정렬 2. Prettier 설정 방법▷ .prettierrc 파일 생성{ "singleQuoto":true, "semi":true, "useTabs":false, "tabWidth":2} 3. 저장할 때 자동 코드 정리F1( 단축키) → Format → Format Document 적용하기 번거로울 때 사용. 경로 이동 : file → prefferences → settings → format on save 체크 더보기 [REACT] REACT 문법 정리하기 (리액트를 다루는 기술) 1. App.js 파일import './App.css';function App() { const name = '리액트!'; const number = 0; const un = undefined; const style = { // 카멜 표기법으로 작성 backgroundColor: 'black', color: 'aqua', fontSize: '48px', fontWeight: 'bold', padding: 16, }; return ( 1. 변수 및 3항 연산자 사용 {/* 3항 연산자 */} {name === '리액트' ? ( {name} 입니다. ) : ( {name}가.. 더보기 [REACT] Module not found: Can't resolve 'web-vitals' 에러 REACT 초기 시작 페이지에서 나타난 에러 해당 페이지에 에러 페이지로 Module not found: Can't resolve 'web-vitals'라고 나타난다. npm-modules 패키지에서 web-vitals 설치가 안된 것이므로 아래의 명령어 실행npm i web-vitals 그럼 문제없이 실행되는 것을 볼 수 있다. https://stackoverflow.com/questions/65396568/react-js-npm-start-shows-failed-to-compile-web-vitals 더보기 [React] yarn: command not found 에러(yarn 사용 안됨) 1. yarn 설치하기npm install -g yarn 2. 에러 발생 yarn 패키지 설치 확인 3. 환경변수 등록하기☆ 이미글로벌로 설치했지만 yarn이 실행되지 않는 경우 1. window 아이콘 마우스 오른쪽 클릭 → 시스템 2. 고급 시스템 속성 → 환경변수 클릭 3. '시스템 변수' - 'PATH' 클릭 후 '편집' 클릭 4. '새로 만들기' 클릭 후 다음의 경로를 추가 (yarn의 bin 폴더의 경로 추가) → 경로는 아래와 같음/C/Users/username(본인 사용자 폴더)/AppData/Roaming/npm/node_modules/yarn/bin 5. '확인' 클릭 후 터미널로 이동 vscode 전체를 껐다 켜야한다. yarn 명령어를 실행해보면 정상적으로 작동.. 더보기 이전 1 다음
