전체 글
-
[VScode] Open a folder or workspace... (File -> Open Folder)👩💻 개발 도구 및 환경 2023. 2. 7. 16:26
간단하게 테스트 하고 싶은게 있어서 VScode 새 창을 만들어서 작업된 내용을 띄워 보려고 했다. 사용된 확장프로그램은 'Live Server' 이다. 마켓플레이스에서 Live Server를 찾아 검색 후 설치해준다. 문제 단축키가 생각이 나지 않아서 실행시키고자하는 코드에서 우측 클릭 후 아래와 같이 Open with Live Server 를 클릭 해준다. 단축키는 Atl + L 을 누르고, Alt + O 를 누르면 된다고 되어 있다. 그런데 아무리 해도 서버가 실행이 안된다 ㅠㅠ 해결 이유가 뭔지몰라서 잠깐 헤매다가 오른쪽 아래에 뜬 오류메시지를 나중에 봤다. (급하게 테스트 한다고 대충 작업 창켜고해서 세로 화면의 길이가 너무 길어 안보였다.) Open a folder or workspace.....
-
[react-router-dom] Uncaught TypeError: (0 , react_router_dom__WEBPACK_IMPORTED_MODULE_5__.withRouter) is not a function💡 개발 이슈와 해결/📚 누군가를 위한 기록 2022. 10. 21. 21:05
문제 Uncaught TypeError: (0 , react_router_dom__WEBPACK_IMPORTED_MODULE_5__.withRouter) is not a function 위의 내용 처럼 에러가 났다. withRouter 를 사용해서 문제가 생긴 것 같다. 원인 react_router_dom 의 v6 에서 withRouter를 지원하지 않아서 생기는 문제였다. 라우트가 아닌 컴포넌트에서 라우터에서 사용하는 객체 - location, match, history 를 사용하려면, withRouter 라는 HoC 를 사용할 때 사용한다. 이제는 match를 객체로 받아오는 것이 아니라 useParams를 사용해야한다. import { withRouter } from 'react-router-dom..
-
string에 있는 특수문자 변환하는 법(Entity code)👩💻 개발 도구 및 환경 2022. 10. 20. 20:39
개발을 할 때 string에 특수문자가 있을 경우 원하는 값으로 출력이 되지 않을 때가 있다. 이럴 경우 특수문자를 Entity code로 치환해주어야 한다. 사용법 ctrl + f 를 눌러 아래 표(특수문자 코드표)에서 원하는 표현문자를 찾아서 해당 숫자표현을 복사 후 작업하던 내용에 붙여넣기 해서 사용해주면 된다. 특수문자 코드표 (Entity code) 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽..
-
[Redux] redux createStore 취소선과 해결 방법📌 React 2022. 10. 18. 16:36
문제 리덕스를 사용하려고 하는데 createStore 에 취소선이 그어져있다. import { createStore } from "redux"; const store = createStore(rootReducer, composeWithDevTools); import { createStore } from "redux"; const store = createStore(rootReducer, composeWithDevTools); 원인 이유는 createStore 를 더이상 사용하지 않기 때문이라고 한다. 위 설명에 따르면) createStore를 대체하는 @reduxjs/toolkit 패키지의 configureStore 메소드를 사용하는 것이 좋다. Redux 툴킷은 스토어 설정, 리듀서, 데이터 가져오기 ..
-
[React] TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined 에러📌 React 2022. 10. 14. 09:25
문제 오래전에 작업하던 프로젝트에 yarn 설치를 하고 yarn start 를 하니 아래와 같이 에러 메시지가 떴다. TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined at new NodeError (node:internal/errors:371:5) at validateString (node:internal/validators:119:11) at Object.join (node:path:429:7) 원인 reac..
-
[GitHub] README.md에 이미지를 추가하는 방법👩💻 개발 도구 및 환경 2022. 10. 13. 06:04
repository에 관한 설명을 위해 이미지를 등록할 때가 있다. README.md 파일에 이미지를 등록할 때마다 잘 생각 안나서 정리했다. 방법 1.  위의 내용처럼  를 작성후 이미지 URL을 적는다. 방법 2. repository에 저장되어 있는 경우 이미지의 직접 연결할 수 있다.  위의 내용처럼 username, reponame, branch, img.jpg 를 수정하여 이미지를 불러와준다. 그 외에도 여러 방법이 있는것 같다. https://stackove..
-
gh-pages로 react app 배포 시, 경로를 참조하지 않을 때💡 개발 이슈와 해결/📚 누군가를 위한 기록 2022. 10. 12. 02:17
문제 gh-pages로 react app 을 배포하려고 했다. npm run deploy 를 실행 했는데 경로를 참조하지 못해서 화면이 이상하다. 해결 그럴 때는 BrowerRouter에 basename={process.env.PUBLIC_URL} 를 App.js에 추가하면 된다. App.js // 예시 import { BrowserRouter } from "react-router-dom"; ...