# Routes
[FLUTTER] Splash
앱 개발을 할때에 가장 기본이 되는 스크린이 바로 스플래시를 보여주는 스크린일 것이다. 스플래시의 기능은 보통 스플래시 스크린을 띄우는 동안 사용자의 정보를 체크하거나 초기 데이터 세팅을 위해서 짧게는 1초 이내에서 길게는 3초 정도의 화면을 보여주는 것을 말한다.간단
React v6 관련 수정 사항
블로그를 따라하다보니 React 버전이 달라서 일부 코드가 아예 동작하지 않았다.아직 문법 구조를 익히고 있는 중이기 때문에 당장 소스에서 필요한 부분 위주로 달라진 곳만 고침
[React] react-router-dom
react-router-dom은 웹에서 페이지 이동 기능을 구현하기 위한 라이브러리이다. Routing이란 네트워크간 데이터 전송의 최적 경로를 선택하는 과정이다. 여기서 최적 경로는 최단거리가 될 수도 있고, 가장 빠른 시간에 전달하는 것으로 계산될 수도 있다.Rou
RESTful Routes
Get : 데이터를 가져올 때 쓰임 (fetch하면 기본 명령어 속성이 Get임)Post : 데이터를 생성할 때 쓰임.Put : 데이터를 수정할 때 쓰임(Patch 라고도 불림)Delete: 데이터를 삭제할때 쓰임/items + get 명령어 = 아이템읽어오기/item
Login UI with Component(2), FontAwesomeIcon, routes
위에서 만든 Login UI component들을 Login.js page에 적용함FontAwesomeIcon을 사용해서 인스타 아이콘 및 다양한 icon을 사용함.
[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
[CS] MVC Day-50
소프트웨어가 돌아가는 방식에 대한 patternModelViewController데이터를 정보를 가지고 있다. (Database와 연결된 상태에서 가져올 수 있거나..) Controller와 소통한다.View에서 일어나는 Action과 Event를 받아 가공 후 Mod
React : Switch 기본 사용법 , 페이지를 찾을 수 없습니다 컴포넌트 구성
v5인 경우 Swich를 사용하고, v6인 경우 Routes 로 변경되었다.👉 v5👉 v6개인적으론 v5가 직관적이도 맘에든다..기본 App.js 에서 Route를 구성할때 Swich로 감싸주면 route 기능을 좀 더 실용적으로 사용할 수 있다.Route를 감싸는
'Switch' is not exported from react-router-dom' / All component children of <Routes> must be a <Route> or <React.Fragment> 에러 해결법
<참고 사이트> React Router<Switch> 대신 <Routes>로 변경한다 현재 버전의 react-router-dom(12/7 기준 ver 6.0.2)을 사용중이라면, 위의 코드처럼 <Switch>를 쓰지 못한다. 공식 문서에
[error] Attempted import error: 'Switch' is not exported from 'react-router-dom'
원래는 Switch를 사용해 이렇게 작성했었지만, Switch가 export되지 않아 사용할 수 없었기 때문에Switch 대신 Routes를 사용해 감싸주었다. 대신 component가 아닌 element를, {Home} 이 아닌 {<Home/>}과 같은 방식으로
Jest로 Vue/Nuxt 컴포넌트 테스트 만들기 (Store, Routes Params 사용)
현대 프로그래밍에서 자동화 테스트는 개발자들의 디버깅 시간을 아껴주고 동시에 생산성을 높여 주고 있으므로 필수라고 할 수 있겠다. 이후에 Jenkins 등의 CI/CD 툴과 연계 하면 그 시너지는 엄청나게 커진다.프론트엔드 개발에서도 마찬가지인데
TIL 31 | Routes이동하기
routes를 통해 이동하는 방법은 크게 두가지가 있다.공통적으로 CRA 설치 (npx create-react-app 파일명)React router 설치 (npm install reac-router-dom —save)Sass 설치 (npm install node-sa
[Spring Cloud로 개발하는 마이크로서비스 애플리케이션]-API GATEWAY(Routes)
https://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
React 동적 라우팅에 관하여
우리가 사용하는 React는 SPA 기반으로 개발을 한다.우리가 사용하는 html은 싱글 페이지이기 때문에 우리는 필연적으로 라우팅이 필요하다.그리고 프로젝트가 점차 커지고 라우팅 패스가 하나 둘씩 많아 지게 되면, 자연스럽게 클라이언트 라우팅만을 담당하는 별도 컴포넌
express 라우팅
쿼리파라미터와 패스파라미터?패스파라미터? url 파라미터 라고 부르는드~읏경로에 :파라미터이름 을 지정해주고, req.params를 확인하면 지정 이름은 key, 클라이언트에서 전달한 이름은 value로 주어진다.클라이언트에서 api요청을 할때 ?keyName=valu
