# Route

89개의 포스트

React-Navigation 루트 이동 시 마다 작동하는 함수 적용

React-Navigation 루트 이동 시 마다 작동하는 함수

6일 전
·
0개의 댓글
·

React Router

리액트는 SPA방식이고 기존 웹 페이지처럼 새로윤 웹페이지를 사용하는게 아니고 페이지를 로드하지 않고 필요한 데이터를 가져온다! url에 따라 선택된 데이터를 페이지에 렌더링 해준다.\-사용하기전 라이브러리 설치 방법 터미널에 npm install react-route

2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

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

2023년 1월 11일
·
0개의 댓글
·

[Nuxt3] route와 router / router.replace로 기록 남기지 않고 리다이렉트

슬래시(/) 뒷 부부분의 고유값들을 받음물음표(?) 뒷 부분의 값들을 받아옴쿼리는 url에서 &로 구분괄호 안에 url 그대로 삽입 가능중괄호 안에 path, params, query 구분해서 설정 가능push는 기록을 남기고 리다이렉트 / replace는 기록을 남기

2022년 12월 18일
·
0개의 댓글
·

Flutter Route 설정

HomeScreen.dart

2022년 12월 16일
·
0개의 댓글
·
post-thumbnail

[ React ] React Router 사용하기

[ React ] React Router 사용하기에 대해 알아보자.

2022년 12월 13일
·
0개의 댓글
·

개념 - React Router

먼저 브라우저의 url과 리액트앱을 연결하는 기능을 하는 < BrowserRouter > 컴포넌트로 App 컴포넌트가 return하는 부분을 감싸준다.페이지의 주소가 변하면 변할 부분을 < Routes > 로 감싸준다변할 페이지 컴포넌트를 < Route

2022년 12월 8일
·
0개의 댓글
·
post-thumbnail

소록소록 Day 4_routing 에러 > 해결

페이지에 아무것도 뜨지 않고 이동도 되지 않았다.route 함수를 사용해서 handleLocation 함수를 작동시켜서페이지를 로드해오는 것이었는데, route 함수가 undefined 라는 에러창만 떴다.알고보니 잘못된 함수를 import 하고 정작 필요한 함수는 i

2022년 11월 23일
·
1개의 댓글
·

221116_TIL

함수의 선언변수를 선언하고 해당 변수에 값을 할당했던 것처럼, 함수도 선언을하고 해당 함수가 실행할 코드의 집합을 만들어서 저장해준다.함수명은 함수가 하는 일들을 대표할 수 있는 이름으로 작성. \*매개변수(parameter)는 해당 함수의 Body에 있는 코드에서 사

2022년 11월 16일
·
1개의 댓글
·
post-thumbnail

[Next js] API Route 십분 활용하기

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

2022년 11월 12일
·
0개의 댓글
·
post-thumbnail

리액트 #5 Route

리액트 라우트기능 알아보기 겸 사용법 작성해두기 > 라우팅과 SPA, CSR 라우트 기능을 알아보기전 라우팅이란 간단히 말해 사용자의 요청한 URL에 따라 그에 맞는 URL을 보여주는 것 또는 페이지 이동 라우팅을 알아보기 전 리액트는 SPA로 작동이 된다. (S

2022년 10월 31일
·
0개의 댓글
·

[React] Route 컴포넌트

다른 경로(url 주소)에 따라 다른 View(화면)를 보여주는 것을 의미한다.리액트는 프레임워크가 아닌 라이브러리이므로 라우팅을 하기 위해서는 npm react-router-dom 명령어로 필요한 라이브러리를 다운받아야 한다./src/index.js에서 렌더링을 할때

2022년 10월 31일
·
0개의 댓글
·
post-thumbnail

[Vue] router 설정으로 페이지 미리 cache에 담아두기(webpackChunkName, webpackPrefetch)

path경로App.vue의 router-link의 to 경로와 일치해야함name알아보기 쉽도록 설정component가져올 컴포넌트react로 치면 Route의 elementnetwork에서 js 파일 이름 설정about일 때about10 일 때다른 페이지 컴포넌트를 홈

2022년 10월 22일
·
0개의 댓글
·
post-thumbnail

[Express] Middleware

네이버 블로그에서 이전, 원글 작성일시 : 2021.08.30.22:39오랜만의 포스팅이다.요즘 생활코딩 님의 express 관련 강의를 수강하고 있다.사실 이전에 다른 분의 boiler-plate 강의를 들은 적이 있었는데, 전체적인 구조는 알 수 있었지만, 포스팅할

2022년 10월 13일
·
0개의 댓글
·
post-thumbnail

[리액트] 라우팅하기, useNavigate, outlet

라우팅1\. 라우팅 개념, react-router-dom 깔기2\. route 기본 형태3\. react-router-dom 사용하기4\. 라우트 사용 구조 분석5\. 서브 라우트 구현하기1.라우팅사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것r

2022년 10월 12일
·
0개의 댓글
·

[리액트를 다루는 기술] Route 와일드카드(*)를 이용해서 NotFound 페이지 만들기

Route path='\*'는 아무 텍스트나 매칭하다는 의미상단에 위차한 모든 라우트들과 매칭되지 않으면 해당 라우트를 실행한다.

2022년 10월 10일
·
0개의 댓글
·
post-thumbnail

React Router

React SPA에서는 경로(Route)에 따라 다른 뷰를 보여줄 수 있다. 라우팅에 따라 다른 뷰를 보여주기 위해 React에서는 React Router라는 라이브러리를 사용한다. SPA & Routing SPA는 하나의 페이지를 가지고 있지만 사실 한 종류의 화면

2022년 9월 29일
·
0개의 댓글
·
post-thumbnail

[Go] net/http routing

Go

2022년 8월 30일
·
0개의 댓글
·
post-thumbnail

TIL_동적 라우팅 실습하기

이전 기본 단계에서 바뀐 것 \_UPDATEinput창 만들어서 limit, offset 검색하는 창 만들어줌.useNavigate hook을 넣어서 데이터 가져오는 버튼 만들어줌.useNavigate안에 query가 바뀐 것을 인식해서 location.search를

2022년 8월 25일
·
0개의 댓글
·