# router

64개의 포스트
post-thumbnail

TIL_39_with Wecode 029 React

🙂 index.htmlpublic 폴더에 있다. 메인 프로그램인 index.js에 대응되는 것으로, HTML 템플릿 파일이다. 이 파일이 직접 표시되는 것은 아니고, index.js에 의해 일어 와서 렌더링된 결과가 표시된다. 유일한 html 이다.🙂 index.j

2일 전
·
0개의 댓글
post-thumbnail

17일차

westagram / React Router & SASS

3일 전
·
0개의 댓글
post-thumbnail

[TIL] # 27 React Router & Sass

생태계가 활성화 되어있다.리엑트에는 가상돔이 있어서 필요한 UI만 바뀌기 때문에 최소단위로 움직이기에 상대적으로 빠르다!CRA를 쓰기위해 필요한 두가지Node.js & npmcra가 node.js 패키지로 만들었기 때문에 설치한다!ex)바벨,웹팩 등 !시작하는 입문자로

3일 전
·
0개의 댓글
post-thumbnail

Vue.js Part2

Vue.js 걸음마 단계에서 router를 활용해보는 실습으로 넘어오니 머리속이 복잡해졌다. 이럴땐! 실습에서 밟아온 단계를 다시 밟아가면서 뭘 했는지(용어 정리), 왜 이걸 했는지(도구들의 목적)부터 좀 간단하게 리뷰하고 개념들을 정리해봐야겠다. (그리고 바쁘셨을텐데

2021년 2월 26일
·
0개의 댓글

React Router

create-react-app 생성한뒤 src의 바깥 폴더에 .env 파일 생성본 이유는 나중에,, 항상 이렇게 프로젝트를 셋업한뒤 시작한다고 한다.Prop type 설치npm startcomponents 폴더를 생성해서 App.js 파일을 components폴더로 옮

2021년 2월 17일
·
0개의 댓글
post-thumbnail

TIL. React - Basic 개념 정리(7)

👩🏻‍💻 면접 기출 문제를 준비하면서, React를 이해할 때 반드시 필요한 기본 개념들들 추가로 정리해보았다. http requests를 어떤 특정한 페이지로 연결 할 것인지를 결정하는 메커니즘을 말한다. 즉, 사용자가 url을 줬을 때 어떤 페이지로 연결할 건

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

네트워크 기초 개념 정리하기 - UDP 헤더, OSI 7 Layer, TCP/IP 4 Layer, DHCP, DNS, Router, 게이트웨이

도메인 이름 서비스(DNS), IPTV, 음성 인터넷 프로토콜, TFTP, IP 터널, 온라인 게임등에서 사용된다.상대적으로 헤더가 매우 단순하다.TCP와는 다르게 메시지 도착 순서를 예측할 수 없다.패킷 구조는 다음과 같이 단순하다.네트워크 레이어에 들어가기에 앞서서

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

[vue.js] 네비게이션 가드

네비게이션 가드를 통해 잘못된 페이지 이동 시 리다이렉트/취소하여 Nativation을 보호하기

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

🌗 The Art of React part4

이번 시간에는 기본적인 프론트엔드의 작업 환경 설정을 하였습니다.라우트의 경로를 지정할 수 있게 도와주는 react-router-dom 라이브러리에서 Router를 사용하였습니다.path의 @ 입력하면 경로의 파라미터를 읽을 수 있게 합니다.(Medium,브런치와 같은

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

[Vue.js] vue-router #3 - 중첩된 라우트

실제 앱 UI는 일반적으로 여러 단계로 중첩된 컴포넌트로 이루어져 있다.

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

Vue 톰캣배포시 경로 설정 문제

제 경우에는 Vue.js를 사용하면서 프로젝트를 진행했었고, 이를 배포하여 톰캣에서 수행했을 때, 기존 npm run serve를 수행하여 localhost에서 작업을 했을 때와는 다른 결과를 불러일으키는 부분이 있었습니다.제 검색스킬이 부족햇을 수도 있지만, 당시에

2021년 1월 4일
·
0개의 댓글

<Express.js> Router-3

Router-2에서 봤듯이 url이 늘어날수록 개발자도 기억을 하거나 확인하기가 어려워집니다. url 구조를 한곳에서 변수로 관리해봅시다. 먼저 routes.js 파일을 만들어 줍니다.참고사항 : express는 :부분을 변수로 처리함자 이렇게 위와 같이 URL을 정리

2021년 1월 4일
·
0개의 댓글

<Express.js> Router-2

router를 MVC pattern을 적용해서 분리해봅시다. 우리가 필요한 페이지가 크게 '/', '/users', '/videos'라고 합시다.routers라는 폴더를 만들고 폴더 안에 globalRouter.js, userRouter.js, videoRouter.j

2021년 1월 4일
·
0개의 댓글

<Express.js> Router

웹사이트를 보면 홈이 있구요. 뭐 개인 사용자를 위한 메뉴도 있구요. 네비게이션 바를 통해 이동할 수 있는 곳도 있구요. 비밀번호도 변경하구요. 여러 페이지로 사용자를 보낼 수 있는게 바로 라우팅 입니다. 라우팅을 해주는게 Router라고 정의하겠습니다.Express모

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

FP5: Express Router

- Express - Express Router

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

[vue.js] 404 Error 핸들링

Vue.js에서 404 Not Found 페이지 설정하는 법

2020년 12월 31일
·
1개의 댓글
post-thumbnail

[vuetify] v-navigation-drawer&router

vue 개발자들을 위한 다양한 UI 컴포넌트와 API를 제공해주는 플러그인이다.네비게이션 UI 컴포넌트 중 하나이며, 상단 이미지 처럼 보라색 카테고리 부분을 나타낸다.vuetify 소스코드 클릭!

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

[vue.js] Named Routes

하위 라우팅과 상위 라우팅의 구분을 위한 Vue Router의 Named Routes

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

[TIL] 20.12.27

🧐 님 오늘 뭐함? 웹 게임을 만들며 배우는 React 9-2. Link와 브라우저라우터(BrowserRouter) 🌱 알게된 점 리액트 라우터 쓸 때 import React를 두 번 하게 되면 Invalid hooks어쩌구 저쩌구.. 오류 생김.

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

React 입문(8) : React-Router(1) (last update: 2020.12.24.)

react-router :: 1장. 리액트 라우터 사용해보기 - velopert.logSPA (Single-page application) - MDN web docs실무에서 작성한 React 컴포넌트 및 페이지와 서버 측을 연결할 때가 왔다. 따라서 React-Rout

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