# Route

[Flutter] Route 관리
main의 코드가 길어지다 보면 가독성이 저하되기 때문에, 별도로 route만 관리하는 파일을 만드는 것이 좋다.main.dart에서 route를 일일이 작성했다.lib/main.dart참고 문서: https://flutter-ko.dev/docs/cookbo
[Flutter] 화면 이동을 위한 방법 정리 (Router)
화면 이동을 위한 방법 정리 1편 (Router) Flutter Navigator push <img src="https://velog.velcdn.com/images/tygerhwang/post/e5effe49-d820-46ad-94ea-939355092eed/im
라우팅
라우팅은 URI(또는 경로) 및 특정한 HTTP 요청 메소드(GET, POST 등)인 특정 엔드포인트에 대한 클라이언트 요청에 애플리케이션이 응답하는 방법을 결정하는 것을 말합니다.

route 리스트화하여 사용하기
그동안 비슷한 작업들을 할 때 menu컴포넌트에서만 map을 사용하며 메뉴를 클릭하면 연결될 route를 각각 써 주었었다.그렇다보니 페이지가 추가되어야 한다면 menu,route 각각 수정을 했어야 했는데 route를 리스트화 해주면 메뉴관련 수정사항이 생겼을 때 해

네트워크 하향식 접근 3) Network layer
네트워크의 근본적인 역할은 매우 단순.네트워크 레이어 장비인 라우터가 가지고 있는 기능송신 호스트 → 수신 호스트로 패킷을 전달이를 위한 네트워크 계층의 중요한 2가지 기능하지만, 사실 이 두 가지 단어는 혼용되기도 함.포워딩(데이터평면, HW)패킷이 라우터의 입력 링

Open Route Service
OpenStreetMap(이후 OSM)을 활용해 배차 스케쥴에 필요한 자동차 이동거리 측정에 활용하고 있다. 구글맵이나, 카카오맵이나 T맵등을 활용하기 위해 여러 비교를 해보았지만 장거리 운행을 하는 차량들에는 그 정확도가 크게 영향을 미치지 않아 OSM 만으로도 충

Router 정리
페이지가 출력(렌더링) 되는 영역 컴포넌트페이지가 이동을 위한 링크 컴포넌트Route(페이지) 정보를 가지는 객체Router(페이지) 조작을 위한 객체 ex) this.$router.push('...')ex) https://google.com/blog/123?
React Router
리액트는 SPA방식이고 기존 웹 페이지처럼 새로윤 웹페이지를 사용하는게 아니고 페이지를 로드하지 않고 필요한 데이터를 가져온다! url에 따라 선택된 데이터를 페이지에 렌더링 해준다.\-사용하기전 라이브러리 설치 방법 터미널에 npm install react-route

next JS 강의 정리 - 2 (Layouts & Image Component & Routing )
pages/index.js => /pages/ssg.js => /ssgpages/products/slug.js => /products/slugPre-rendering : next.js 는 모든 페이지를 Pre-rendering 함 ( \* Pre-renders : HT
[Nuxt3] route와 router / router.replace로 기록 남기지 않고 리다이렉트
슬래시(/) 뒷 부부분의 고유값들을 받음물음표(?) 뒷 부분의 값들을 받아옴쿼리는 url에서 &로 구분괄호 안에 url 그대로 삽입 가능중괄호 안에 path, params, query 구분해서 설정 가능push는 기록을 남기고 리다이렉트 / replace는 기록을 남기
개념 - React Router
먼저 브라우저의 url과 리액트앱을 연결하는 기능을 하는 < BrowserRouter > 컴포넌트로 App 컴포넌트가 return하는 부분을 감싸준다.페이지의 주소가 변하면 변할 부분을 < Routes > 로 감싸준다변할 페이지 컴포넌트를 < Route

소록소록 Day 4_routing 에러 > 해결
페이지에 아무것도 뜨지 않고 이동도 되지 않았다.route 함수를 사용해서 handleLocation 함수를 작동시켜서페이지를 로드해오는 것이었는데, route 함수가 undefined 라는 에러창만 떴다.알고보니 잘못된 함수를 import 하고 정작 필요한 함수는 i
221116_TIL
함수의 선언변수를 선언하고 해당 변수에 값을 할당했던 것처럼, 함수도 선언을하고 해당 함수가 실행할 코드의 집합을 만들어서 저장해준다.함수명은 함수가 하는 일들을 대표할 수 있는 이름으로 작성. \*매개변수(parameter)는 해당 함수의 Body에 있는 코드에서 사

[Next js] API Route 십분 활용하기
🎯 Intro Next.js 를 꽤 오랜 기간 사용하다 보니 프론트에서 서버(getServerSideProps, getInitialProps)를 사용할 수 있는 점 이 상당히 매력적이라는걸 느끼는 것 같다. 위 두 가지 방식(getServerSideProps, g

리액트 #5 Route
리액트 라우트기능 알아보기 겸 사용법 작성해두기 > 라우팅과 SPA, CSR 라우트 기능을 알아보기전 라우팅이란 간단히 말해 사용자의 요청한 URL에 따라 그에 맞는 URL을 보여주는 것 또는 페이지 이동 라우팅을 알아보기 전 리액트는 SPA로 작동이 된다. (S
[React] Route 컴포넌트
다른 경로(url 주소)에 따라 다른 View(화면)를 보여주는 것을 의미한다.리액트는 프레임워크가 아닌 라이브러리이므로 라우팅을 하기 위해서는 npm react-router-dom 명령어로 필요한 라이브러리를 다운받아야 한다./src/index.js에서 렌더링을 할때