전체 글

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과 같은 경로에 ..

Node.js 설치 후 npm사용해보기

1. Node.js 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 공식사이트 접속 후 환경에 맞는 버전 다운로드 설치가 완료된 후 cmd에서 확인을 해보면 설치가 정상적으로 된 것을 다시한번 확인할 수 있다. 2. npm 사용해보기 node.js를 설치했다면 자동적으로 npm을 사용할 수 있다. npm을 이용해 간단한 모듈을 설치해보자. vsc에서 테스트할 폴더를 열고 왼쪽 탐색기에서 마우스 오른쪽 클릭을 하여 [통합 터미널에서 열기]를 클릭한다. $ npm init 이후부터 해당 폴더는 npm이 관리하는 폴더가 되어 이 폴더에 어떤 프로..

vsc에서 sftp 사용하기

보호되어 있는 글입니다.