분류 전체보기

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 Skin

보호되어 있는 글입니다.

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..

React useReduce

보호되어 있는 글입니다.

Mac - React 개발환경 세팅 - VSCode 프로젝트 파일 생성

vsc 설치와 같은 내용은 다루지 않습니다. vsc가 설치되어 있지 않고 한번도 사용해보지 않았다면 다음 글을 참조하길 바랍니다. https://dys-r.tistory.com/92 VSCode 설치와 편리한 확장프로그램 및 코드실행 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite dys-r.tisto..

vscode에서 filezilla연동한 후 파일수정하기

보호되어 있는 글입니다.

Git 브랜치(branch) 삭제 하기 [feat.Cannot delete branch~ 에러해결]

$ git branch -D (삭제할 브랜치 명) 에러발생 해결법 삭제하고자 하는 브랜치가 아닌 다른 브랜치로 전환해준 후, 삭제 해준다. $ git checkout (다른 브랜치 명) $ git branch -D (삭제할 브랜치 명) 브랜치 확인 $ git branch

package.json에 명령어 등록하기

package.json의 scripts 부분을 보면 "test" 하고 명령문이 적혀 있다. 이 scripts를 통해 npm run [명령어]라는 커맨드를 설정할 수 있다. 즉, npm run test를 하면 echo...가 실행된다는 뜻이다. 그럼 test를 node 실행하는 것으로 바꿔보자. scripts를 node test.js를 실행하는 것으로 고쳐보겠다. "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, ▼ "scripts": { "test": "node test.js" }, test.js 파일 만들기 > 위에서 test라는 명령어에 node test.js라는 구동 커맨드를 설정했으니 package.json과 같은 경로에 ..