분류 전체보기
(Mac) zsh: command not found: code 에러 해결
code 명령어를 실행하는데 다음과 같은 오류가 나왔다. VSC에서 command palatte를 연다. 단축키 : command + shift + P shell command 만 입력해도 다음과 같은 메뉴가 나온다. > 클릭 해결완료
VSCode 컴팩트 폴더구조 설정 ft.난 오리진이 좋다구
아래와 같이 폴더구조가 생성이 되는것은 Compact Folders 설정 때문이다. Visual Studio Code의 Compact Folders 옵션은 2020년 11월에 출시된 버전 1.52 (November 2020)에서 처음 추가되었다. 사용을 원치 않으니 기능을 없애보자. Settings 오픈! 단축키는 Mac : command + , window : ctrl + , explorer.compactFolders 검색! 아래 Compact Folders 체크박스 해제! 적용 완료 확인
Vuexy - React 버전 템플릿 다운로드 후 어떻게 실행해?
먼저 템플릿을 다운로드 받았다면 VSC에서 템플릿폴더를 열어주자! vite-bootstart5 > full-version 폴더의 리액트 프로젝트를 실행하고 싶다. 그래서 터미널을 열고 폴더 경로에서 실행명령을 입력했다.( 2가지 방법 - npm / yarn ) % npm start % yarn start 에러발생! 에러발생! 비상! 비상! 침착하고 오류 메세지를 읽어보면 npm start 명령어를 실행한 이후 start 스크립트가 없다고 나오는데 리액트 프로젝트의 스크립트는 package.json에서 확인할 수 있다. 어라, 확인해보니 있었다. 우선 첫번째 잘못한 점은 full-version 폴더로 실행경로를 변경해야 한다. 즉시 이동해보자. % cd vite-bootstrap5 % cd full-ver..
REACT - API 연동 [서버에서 데이터 가져와 출력]
* 코드의 자세한 설명은 코드블럭 내에 정리하였습니다. * Users.js import React, { useEffect, useReducer } from 'react'; import axios from 'axios'; function reducer(state, action){ switch (action.type) { case 'LOADING': return { loading: true, data: null, error: null }; case 'SUCCESS': return { loading: false, data: action.data, error: null }; case 'ERROR': return { loading: false, data: null, error: action.error }; def..