개인공부/TIL4 [에러] useNavigate() may be used only in the context of a <Router> component. header를 만들고 그안에 카테고리를 누르면 이동하는 화면을 구현하려고 했다. 근데 useNavigate() may be used only in the context of a component. 에러가 계속 발생했다. 찾아보니 header의 위치 때문이라는 것 같다. useNavigator는 React Router의 컴포넌트 내에서만 useNavigate()를 사용해야 한다는 것이다. 즉, 컴포넌트가 없는 경우 useNavigate()를 사용할 수 없다. 원래 상태는 이렇게 되어있었다. import App2 from "./App2"; import Header from "./Header"; import Footer from "./Footer"; // import Movie from "./component.. 2023. 8. 6. 2월9일 #express.js -express.js는 자바스크립트에서 인기있는 프레임워크인 MERN stack(MongoDB, Express, React, Node)중 하나로, node.js환경에서 웹서버 또는 API서버를 제작하기 위해 사용되는 프레임워크이다. 미들웨어는 말그대로 서버와 클라이언트 사이의 프로세스에 관여해서 특정 역할을 수행한다. 특정 endpoint가 아니라 모든 요청에 동일한 미들웨어를 적용하려면 메소드 app.use를 사용한다. # app.get은 get방식의 요청을 처리하는 라우터 app.use는 웹브라우저로부터 오는 모든 요청을 처리하는 라우터이다 request method가 어떤 것이든지에 상관없이(get post상관없이) app.use라우터는 첫번째 인자값에 해당하는 경로로 요청이 .. 2023. 2. 10. HTTP 전반적인 HTTP의 흐름에 대해서 정리해볼거다 #클라이언트와 서버는 HTTP를 이용해 대화를 나눈다. #브라우저의 주소창에 입력한 URL은 서버가 제공되는 환경에 존재하는 파일의 위치를 나타낸다 URL은 sheme, hosts, URL-path로 구분된다. file://127.0.0.1/Users/username/Desktop/ 있다고 하자 scheme은 file:// hosts는 127.0.0.1 Url-path는 /Users/username/Desktop/ 이다 scheme:통신방식(프로토콜)을 결정한다 hosts: 웹서버의 이름이나 도메인, IP를 사용하며 주소를 나타낸다. URL-path: 웹서버에서 지정한 루트 디렉토리부터 시작하여 웹페이지, 이미지, 동영상 등이 위치한 경로와 파일명을 나타낸다.. 2023. 2. 1. 1월20일 TIL 리액트를 드디어 시작했다. 오늘공부한내용 리액트의3가지 특징 (선언, 컴포넌트, 범용성) JSX정의 JSX규칙 (바깥에div/ className/ {}/ 대문자/ 삼항연산자/ 여러개는map) map함수와 key속성 (id) 컴포넌트 트리구조 create react app (npm run start) 자바스크립트 문법이랑 살짝 헷갈리더라. 천천히 익숙해지면된다. 천천히 자꾸보고 정리하고 보고또보고 분석하고 천천히생각하면서하자. 2023. 1. 21. 이전 1 다음