# router

255개의 포스트
post-thumbnail

[WEB]간단정리

0.0.0.0~255.255.255.255Router(공유기): 컴퓨터 네트워크 간에 데이터 패킷을 전송하는 네트워크 장치즉, 서로 다른 네트워크 간에 중계역할을 해주는 장치패킷의 위치를 추출그 위치에 대한 최적의 경로를 지정해당 경로를 따라 데이터 패킷을 다음장치로

5일 전
·
0개의 댓글

Web #1. IP Address

Router and IP adrress

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

FE.07 Day.05

1주차 마지막 날.. (체감 상 2주 정도 되는 것 같은 기분은 뭘까)놀랍게도 아직 전체 과정의당일 날을 제외하고 4일동안 들어온 지식의 양이 워낙에 많다보니 정신을 아직도 못 차리는 중이다.. (3달 내내 그럴 예정)어차피 견뎌야하는 일이므로..그냥 본론으로 들어가도

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

Router / Routing

Router 객체란 페이지 이동과 관련된 기능을 가지고 있는 객체임➡️ 이 객체를 사용해서 페이지로 이동할때 페이지 이동을 라우팅한다 라고 말하는 것Router : URL에 따라서 그에 상응하는 화면을 전송해주는 것을 Routing이라고 하는데 리액트에서 라우팅 기능을

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

페이지 이동시 스크롤 최상위

routes/index.js

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

[TIL] input value clear 😂

리셋.. 하고.. 싶다...

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

[React] React@18과 react-router-dom@5의 호환성 문제

Home 링크와 My Profile 링크에 Link와 라우팅을 이용, 각각의 페이지로 이동하려 하였으나, 페이지를 새로고침해야 라우팅이 실행되는 문제, 라이브하게 페이지 이동이 안되었다.https://stackoverflow.com/questions/71832

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

Instagram Clone - react, scss(1)

Router와 UseNavigate / SCSS 변환하기

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

React Router

SPA에서 화면을 전환하는 Routing , 그리고 스타일링을 편하게 할 수 있게 해주는 CSS 전처리기(Preprocessor)에 대해서 알아보자. 해당 기능들을 제공하는 라이브러리를 직접 프로젝트에 설치하고 사용해보자 1. SPA SPA (Single Page A

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

[강의노트] Vue Router

버전 명시해야 함npm i vue-router@3.5.3 --savepackage.json > dependencies에서 확인 가능dependencies에 들어가는 라이브러리들은 앱을 실행시키는데 필요한 비즈니스 로직 또는 앱의 동작을 담당하는 라이브러리들이 포함 배포

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

집 밖에서 집 컴퓨터로 원격 접속하기 3탄 - 라우터와 포트포워딩

머릿말 지난 글에서 IP주소는 특정 Node로 접근하기 위한 주소라는 것을 배웠다. 그리고 오늘날의 대부분의 IP주소는 ISP가 잠깐 임대하는 방식으로 여러 사용자가 돌려 사용하므로 특정 컴퓨터를 항상 가르키기 위해 DNS를 사용한다는 것을 배웠다. 마지막으로 포트

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

Vue router 설치, should always be multi-word-component 에러 (ESLint 설정)

vue 프로젝트를 시작하기 전,, 라우터를 설치해보려 한다.우선특정 url을 접속했을 때 화면 전환이 이루어지는데브라우저 주소란에 보면 페이지가 이동될 때마다 url주소가 달라짐뷰와 같은 단일 페이지 애플리케이션인 경우엔 페이지를 이동할 때마다서버에 요청을 해서 페이지

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

Router (IP 공유기; NAT GateWay)

네트워크 주소 변환(NAT; Network Address Translation)은 컴퓨터 네트워킹에서 쓰이는 용어로서, IP 패킷의 TCP/UDP 포트 숫자와 소스 및 목적지의 IP 주소 등을 재기록하면서 라우터를 통해 네트워크 트래픽을 주고 받는 기술을 말합니다. N

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

Routing

Single Page Application으로 작동되는 React이므로 페이지마다 해당하는 경로를 만들 수 없기때문에 동적으로 Routing을 관리해야한다. 각각의 페이지로 가능 url(path)를 지정하는 방식.상품의 페이지 수가 많아지면, 관리가 힘들어지고 SPA의

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

집 밖에서 집 컴퓨터로 원격 접속하기 2탄 - DNS 서비스 이용하기

지난 글에서는 네트워크에 대한 설명을 적다보니 글이 너무 길어진 것 같다. 이번엔 원격접속을 위해 해야할 일을 정리하고 차례차례 소개하는 방법을 사용하려고 한다.

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

Router 접근 제한 구현

react-router-dom v6를 사용한 페이지 접근 제한

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

React Router(v6) 사용하기

리액트 라우터(v6)를 사용해 아래와 같은 간단한 프로젝트를 만들어보겠습니다. [미리보기] 1. 프로젝트 생성 및 라이브러리 설치 리액트 프로젝트 생성하기 라우터 라이브러리 설치하기 설치 확인하기 package.json에 react-router-dom이 잘 설치

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

Next Js - Router / React - Router

| NEXT JS 에서는 React Router 를 사용하지 않고 , NEXT JS 에서 개발한 Router 를 사용합니다. 이는 SSR 를 포함하여 한 패키지 안에서 API 를 제공하기 위해서 입니다. 사실 React JS 를 중심으로 만들어지기는 했으나 ,편리함(?

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

[모던 리액트] 5장. 라우터

리액트를 다루는 기술

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

Link, Switch, useHistory, useParams

Link, Switch, SwitchuseHistory 훅모든 url 방문기록을 담은 objectimport { useHistory } from 'react-router-dom';history.goBack() 은 현재페이지에서 전의 url로 돌아가게 하는 기능.push

2022년 4월 19일
·
0개의 댓글