# Routes

18개의 포스트

[FLUTTER] Splash

앱 개발을 할때에 가장 기본이 되는 스크린이 바로 스플래시를 보여주는 스크린일 것이다. 스플래시의 기능은 보통 스플래시 스크린을 띄우는 동안 사용자의 정보를 체크하거나 초기 데이터 세팅을 위해서 짧게는 1초 이내에서 길게는 3초 정도의 화면을 보여주는 것을 말한다.간단

2022년 6월 26일
·
0개의 댓글

React v6 관련 수정 사항

블로그를 따라하다보니 React 버전이 달라서 일부 코드가 아예 동작하지 않았다.아직 문법 구조를 익히고 있는 중이기 때문에 당장 소스에서 필요한 부분 위주로 달라진 곳만 고침

2022년 6월 16일
·
0개의 댓글

[React] react-router-dom

react-router-dom은 웹에서 페이지 이동 기능을 구현하기 위한 라이브러리이다. Routing이란 네트워크간 데이터 전송의 최적 경로를 선택하는 과정이다. 여기서 최적 경로는 최단거리가 될 수도 있고, 가장 빠른 시간에 전달하는 것으로 계산될 수도 있다.Rou

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

RESTful Routes

Get : 데이터를 가져올 때 쓰임 (fetch하면 기본 명령어 속성이 Get임)Post : 데이터를 생성할 때 쓰임.Put : 데이터를 수정할 때 쓰임(Patch 라고도 불림)Delete: 데이터를 삭제할때 쓰임/items + get 명령어 = 아이템읽어오기/item

2022년 5월 14일
·
0개의 댓글

Login UI with Component(2), FontAwesomeIcon, routes

위에서 만든 Login UI component들을 Login.js page에 적용함FontAwesomeIcon을 사용해서 인스타 아이콘 및 다양한 icon을 사용함.

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

[CS] MVC Day-79

What is MVC? Model - View - Controller architectural pattern that separates an application into three main logical components. Each of these component

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

[CS] MVC Day-50

소프트웨어가 돌아가는 방식에 대한 patternModelViewController데이터를 정보를 가지고 있다. (Database와 연결된 상태에서 가져올 수 있거나..) Controller와 소통한다.View에서 일어나는 Action과 Event를 받아 가공 후 Mod

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

React : Switch 기본 사용법 , 페이지를 찾을 수 없습니다 컴포넌트 구성

v5인 경우 Swich를 사용하고, v6인 경우 Routes 로 변경되었다.👉 v5👉 v6개인적으론 v5가 직관적이도 맘에든다..기본 App.js 에서 Route를 구성할때 Swich로 감싸주면 route 기능을 좀 더 실용적으로 사용할 수 있다.Route를 감싸는

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

'Switch' is not exported from react-router-dom' / All component children of <Routes> must be a <Route> or <React.Fragment> 에러 해결법

&lt;참고 사이트> React Router&lt;Switch> 대신 &lt;Routes>로 변경한다 현재 버전의 react-router-dom(12/7 기준 ver 6.0.2)을 사용중이라면, 위의 코드처럼 &lt;Switch>를 쓰지 못한다. 공식 문서에

2021년 12월 7일
·
0개의 댓글
post-thumbnail

[error] Attempted import error: 'Switch' is not exported from 'react-router-dom'

원래는 Switch를 사용해 이렇게 작성했었지만, Switch가 export되지 않아 사용할 수 없었기 때문에Switch 대신 Routes를 사용해 감싸주었다. 대신 component가 아닌 element를, {Home} 이 아닌 {&lt;Home/>}과 같은 방식으로

2021년 11월 11일
·
0개의 댓글

React-Router-Dom v6.0.1 이슈

react-router-dom 6.0.1 버전 이슈

2021년 11월 6일
·
0개의 댓글
post-thumbnail

Jest로 Vue/Nuxt 컴포넌트 테스트 만들기 (Store, Routes Params 사용)

현대 프로그래밍에서 자동화 테스트는 개발자들의 디버깅 시간을 아껴주고 동시에 생산성을 높여 주고 있으므로 필수라고 할 수 있겠다. 이후에 Jenkins 등의 CI/CD 툴과 연계 하면 그 시너지는 엄청나게 커진다.프론트엔드 개발에서도 마찬가지인데

2021년 9월 1일
·
0개의 댓글
post-thumbnail

TIL 31 | Routes이동하기

routes를 통해 이동하는 방법은 크게 두가지가 있다.공통적으로 CRA 설치 (npx create-react-app 파일명)React router 설치 (npm install reac-router-dom —save)Sass 설치 (npm install node-sa

2021년 7월 26일
·
0개의 댓글
post-thumbnail

[Spring Cloud로 개발하는 마이크로서비스 애플리케이션]-API GATEWAY(Routes)

https&#x3A;//velog.io/@sungjin0757/Spring-Cloud%EB%A1%9C-%EA%B0%9C%EB%B0%9C%ED%95%98%EB%8A%94-%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%84%9C%EB%B9%84%E

2021년 6월 21일
·
0개의 댓글

React 동적 라우팅에 관하여

우리가 사용하는 React는 SPA 기반으로 개발을 한다.우리가 사용하는 html은 싱글 페이지이기 때문에 우리는 필연적으로 라우팅이 필요하다.그리고 프로젝트가 점차 커지고 라우팅 패스가 하나 둘씩 많아 지게 되면, 자연스럽게 클라이언트 라우팅만을 담당하는 별도 컴포넌

2020년 12월 20일
·
0개의 댓글

React 공부 2(route)

exact={true} 속성을 주면 정확한 path의 경로만 컴포넌트해준다.

2020년 9월 16일
·
0개의 댓글

express 라우팅

쿼리파라미터와 패스파라미터?패스파라미터? url 파라미터 라고 부르는드~읏경로에 :파라미터이름 을 지정해주고, req.params를 확인하면 지정 이름은 key, 클라이언트에서 전달한 이름은 value로 주어진다.클라이언트에서 api요청을 할때 ?keyName=valu

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

TIL no.30

Airbnb 3일차

2020년 9월 2일
·
1개의 댓글