반응형 분류 전체보기114 [REACT] Failed to compile. Module not found : Can't resolve 'react-router-dom' * 이슈 상황 *리액트에서 버튼을 클릭하면 페이지가 이동하도록 만들어주는데 compile 에러가 발생했다(useNavigate를 사용해 이벤트를 설정 중) ※ 참고 : useNavigate란 ? 리액트 라우터 v6에서 새롭게 추가된 hook이다 useNavigate를 사용하면 JavaScript 함수 내 다른 페이지로 이동할 수 있다 useNavigate는 주소 표시줄의 URL을 변경하지 않으며 페이지 이동만 수행한다 Failed to compile. Module not found : Can't resolve 'react-router-dom' * 해결 방법 * => react-router-dom을 설치해준다 yarn 명령어, npm 명령어 둘다 해봤는데 결국 npm으로 설치함1), 2) 패스하셔도 되.. 2024. 11. 4. [REACT] npm 패키지 설치 중 warn 이슈 - fsevents, requires a peer of typescript * 이슈 증상* npm install mysql 해당 명령어 실행으로 패키지 설치 시 아래 경고들이 나타남 1. fsevents npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.3 (node_modules\fsevents): 혹은 npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) 그게 뭔데? fsevents는 macOS 운영체제에서 사용되는 모듈이며 디렉터로리에 변경사항이 발생했을 때 알림을 전달해주는 역.. 2024. 10. 31. VsCode에서 Github 업로드하는 방법(initialize repository 안 뜸) 구글링하면 위에 뜨는 티스토리 포스팅이 안 되서 내가 보려고 다시 올리는 방법 1. git 설치 아래 주소에서 해당하는 운영체제의 파일을 다운로드 https://git-scm.com/downloads Git - DownloadsDownloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. Latest source Release 2.47.0 Release Notes (2024-10-06) Download Source Code GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but thergit-scm.com gi.. 2024. 10. 31. RESTful API 간단한 API 만들기, Postman 사용법 ~ 포스팅 진행 순서 ~REST, REST APIRESTful설계원칙API 구현하기=> REST, REST API, RESTful의 기본 개념과 간단한 api 만드는 방법 진행=> RESTful API는 데이터를 표준화된 방식으로 주고 받을 수 있게 해주고, 클라이언트와 서버 간의 명확한 데이터 교환을 가능하게 한다 API 테스트 - POSTMAN 사용법 1. REST(Representational State Transfer) 1-1. REST 개념1) HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)를 명시하2) HTTP Method(POST, GET, PUT, DELETE, PATCH)를 통해3) 해당 자원(URI)에 대한 CRUD Operation을.. 2024. 10. 31. React Context API로 전역 상태 관리 구현 이전 글 React Router로 SPA(Single Page Application) 구현하기https://tiny-immj.tistory.com/86 React Router로 SPA(Single Page Application) 구현하기, SPA를 사용하는 이유React RouterReact Router는 여러 페이지로 구성된 웹 애플리케이션에서 페이지 간의 이동을 쉽게 관리해주는 라이브러리이다해당 라이브러리를 사용하여 url 경로에 따라 다른 컴포넌트를 렌더링 할tiny-immj.tistory.com Context API로 전역 상태 관리Context API는 컴포넌트 트리 내 props 전달 없이 데이터를 공유할 수 있도록 도와주는 기능으로상태 관리를 쉽게 할 수 있다 1. 개념과 사용하는 목적 Co.. 2024. 10. 30. React Router로 SPA(Single Page Application) 구현하기, SPA를 사용하는 이유 React RouterReact Router는 여러 페이지로 구성된 웹 애플리케이션에서 페이지 간의 이동을 쉽게 관리해주는 라이브러리이다해당 라이브러리를 사용하여 url 경로에 따라 다른 컴포넌트를 렌더링 할 수 있다 1. 프로젝트 폴더 생성npx create-react-app react-router-app 2. react 개발 서버 실행npm run start=> 개발 서버 실행되는지 확인 완료http://localhost:3000 3.React Router 설치npm install react-router-dom => 설치 확인React 프로젝트 폴더\package.json 내에서 찾아볼 수 있다 package-lock.json에서 react-router-dom의 버전과 정보 확인 가능 4. R.. 2024. 10. 30. 이전 1 ··· 3 4 5 6 7 8 9 ··· 19 다음 반응형
