# router
다시 쓰는 React Next.js #2
Next.js 다양한 기능 layout 패턴 components 폴더에 Layout.js 만들어 NavBer, Header 등 공통으로 사용하는 것을 넣는다. 공통으로 사용하는 것을 _app.js에 작성해도 되지만, 대중적으로 app.js를 크게 하기보단 Layout
Vue 라우터
vue에서 라우팅 기능을 구현할 수 있도록 지원하는 공식 라이브러리.웹페이지간의 이동방법을 말함.페이지를 이동할 때 서버에 요청하여 새로 갱신하는 것이 아니라 미리 해당 페이지를 받아 놓고 페이지 이동 시 클라이언트의 라우팅을 이용하여 화면을 갱신함, 이러한 방식을 S
Learn React Router VS Next Router
웹 애플리케이션에서 페이지 간의 전환을 가능하게 하는 라이브러리 보통, 웹 사이트나 애플리케이션에서 주소창에 입력한 URL 경로에 따라 해당하는 페이지를 렌더링한다. React에서는 React ROuter를 사용하면 React컴포넌트 기반으로 라우팅을 정의하고, URL
다시 쓰는 React Next.js #1
아 Nextjs 뭐더라~ 분명히 썼었는데~다시 쓴다~쉽게 풀어 말하면 라이브러리(Library) : 단순 활용가능한 도구들의 집합 같은 느낌내가 사용하고 싶을때 사용하고 사용하고 싶은거 사용하면 된다.프레임워크(Framework) : 프레임워크가 정한 규칙대로 사용해야
TIL 0321
🏷️ [목차] props drilling emotion에 props던지기 리액트가 리렌더 하는 방식 컴포넌트 안에서 router 사용시 주의점 주소를 설계하는 법 🖇️ [출처 및 참조] 코드캠프 💡 props drilling? > props가 자식에게 넘겨주는
(SEB_FE) Section2 Unit5 React SPA
SPA(Single-Page Application) 개념을 이해하고 설명할 수 있다.SPA의 장, 단점에 대해 이해하고 설명할 수 있다.와이어프레임을 보고 어느 부분을 컴포넌트로 구분할지 스스로 정할 수 있다.React에서 npm으로 React Router를 설치(np
Learn Static, Dynamic Routing
라우터 객체와 라우팅 라우터 객체 : 페이지 이동과 관련된 기능을 가지고 있는 객체 A 페이지 -> B 페이지 : "B페이지로 라우팅한다" const router = useRouter() router.push("이동할 페이지") 자주 사용하는 라우터 객체 기능
TIL 0317
🏷️ [목차] 라우터 객체와 라우팅 정적라우팅과 동적라우팅 비동기 통신과 조건부렌더링 graphql 뮤테이션에 try ~ catch 적용 Apollo 디버깅 툴(Apollo-Client-Devtools) 🖇️ [출처 및 참조] 코드캠프 MDN https://med
React Router
1. React Router를 왜 사용하는가? /home, /login와 같이 URL이 변경되면 보이는 컨텐츠의 내용도 변하게 된다. 새 컨텐츠를 가져오기 위해 새로운 HTTP 요청을 전송하고 응답을 받아야한다. 이 과정 중에 지연이 발생할 수 있고, UI를 저하시킨다. 하지만 리액트 라우터를 사용하면, 페이지 변화가 발생할때 새로운 HTML파일을 f...
[Flutter] 화면 이동을 위한 방법 정리 (Router)
화면 이동을 위한 방법 정리 1편 (Router) Flutter Navigator push <img src="https://velog.velcdn.com/images/tygerhwang/post/e5effe49-d820-46ad-94ea-939355092eed/im
vanilla js로 라우팅 구현하기 - 더 많은 pathname을 처리해보자!
vanilla js로 라우팅 기능을 구현하면서, 평소 사용하던 react-router의 모듈도 살펴보았습니다.라우터의 메서드 중 renderPage는 현재 경로에 대응하는 페이지를 루트 요소에 삽입해 렌더링하는 메서드입니다.처음 구현했던 코드는 다음과 같았습니다.win
Singleton pattern으로 콜스택 터지는 문제 해결 😅: 전역에서 접근 가능한 하나의 인스턴스 생성하기
🤯 Error: Maximum call stack size exceeded vanilla js로 웹페이지를 구성하던 도중 콜스택이 자꾸 터지는(ㅎ) 문제가 발생했습니다. 라우팅 기능을 구현하기 위해 만들어놓은 Router 클래스로 인스턴스를 생성하여 클래스에 정의해
[TIL 230307] express router
Express에서 Router는 미들웨어가 될 수 있습니다.Router는 Express에서 경로 기반 미들웨어를 작성하는 방법입니다. 일반적으로 웹 응용 프로그램에서는 여러 경로와 연결된 미들웨어 함수가 필요하므로 Router를 사용하여 관련 미들웨어 함수를 그룹화 할
