# link

57개의 포스트
post-thumbnail

[React] SPA 와 Router

SPA는 Single Page Application의 약자이다. 즉 페이지가 한 개인 어플리케이션 이라는 의미를 지닌다. 보통 전통적인 웹어플리케이션에서는 페이지를 구성할 때 페이지 수 만큼html 파일이 존재한다. 페이지를 로딩할 때 마다 서버로부터 리소스를 전달받아

3일 전
·
0개의 댓글

TIL | React (Route 이동방법)

<Link> 컴포넌트 사용법useNavigate 사용법react-router-dom 에서 제공하는 <Link /> 컴포넌트는 DOM에서 <a> 로 변환(Compile) 된다.<a> 태그와 마찬가지로 <Link /> 컴포넌트도 지정한 경로로 바

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

CSS_관리하기 수월하게 하기

css_link

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

React - Router 시작하기

우선 SPA 라는 개념을 알아야한다!SPA는 single page application 는 하나의 페이지로 구성된 애플리케이션입니다.이전 웹페이지 같은 경우 페이지의 개수마다 HTML 파일이 존재했지만SPA로 작업된 웹페이지는 단 한 개의 HTML로 구성되어있습니다!

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

클론 코딩_font awsome, 눈누

멋싸 프로그램 시작하고 처음 맞는 주말정말 하루종일 누워서 쉬고 싶었지만 평일에 남겨둔 일들이 계속 아른아른 해서노트북을 들고 까페로 향했다. 제주도의 장점은 바다를 보며 공부할 수 있다는 점!(곽지해수욕장 앞에서 머리 쥐뜯으며 공부하고 있는 사람이 바로 접니다.🤣)

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

[CS] React Router Day-20

npm install react-router-dom SPA와 Routing SPA는 하나의 페이지를 보여주지만 사실 한 화면만 가지고 있는 것이 아닙니다. 각 페이지별 다른 화면이 존재하지만 공통된 부분을 계속 유지하고 있는 것일 뿐입니다. 중요한 점은 각 페이지

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

(Alice AI 트랙 React) - Router의 적용과 <Link>

어떤 주소에 어떤 UI를 보여줄지에 대한 규칙을 정하는 작업.React - router는 React에서 Routing을 쉽게 하게끔 지원해주는 라이브러리이다.npm 라이브러리 설치라이브러리 임포트Link 컴포넌트는 클릭 시 다른 주소로 이동시키는 컴포넌트이다.a태그를

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

[React #8] React-Router로 SPA 구현하기

SPA SPA(Single Page Application)은 페이지가 한개인 어플리케이션을 뜻한다. HTML에서는 페이지 수만큼 HTML 파일이 존재하지만, React에서 .html 파일의 개수는 1개다. 즉, React는 SPA 기반으로 작동된다. 한 웹페이지 안에서

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

link와 @import 방식 차이 및 장단점

참고: https&#x3A;//www.biew.co.kr/tag/Link%20%EB%B0%A9%EC%8B%9D%20vs%20%40import%20%EB%B0%A9%EC%8B%9D%20%EC%B0%A8%EC%9D%B4

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

TIL 26_Link와 <a>태그의 href의 차이

이유도 모르고 <a> 태그를 썼다 욕을 먹고 쓰는 차이점 글!

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

React , Router

Router

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

라우팅(페이지) 이동: Link, NavLink, Redirect

\-a tag: 앱을 새로고침하면서 경로를 이동합니다.\-브라우저의 주소를 바꾸고,맞는 Route 로 화면을 변경합니다.\-import { Link } from 'react-router-dom'; 한다. \-activeClassName, activeStyle 처럼 ac

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

React-Router(2): router에게 props전달

영화를 클릭했을 때, Link가 지정 path로 이동하면서 같은 path를 주소로 하는 router에게 정보(props)를 보낸다. (Movie.js에서 구현한) 영화를 클릭하여 Link가 지정 path로 이동하고 동시에 정보(props)를 넘겨주면, 같은 path를

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

[React] react-router-dom 적용하기

간단하게 react-router-dom 사용해보기

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

React-Router(1): Link와 exact

리액트는 SPA(single page Application)방식으로써, 여러개의 페이지를 사용하며, 새로운 페이지를 로드하는 기존의 MPA방식과 달리, 새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태를 가진다.예를 들어 로그인과 회원가

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

📖 Expo - Link

mailto&#x3A; support@expo.devtel:+123456789sms:+123456789https&#x3A;//expo.dev우린 다양한 링크를 사용한다.mailto는 여러분의 OS가 주어진 e-mail 주소로 메일을 보낼 수 있도록 프로그램을 실행시켜준

2021년 8월 31일
·
0개의 댓글
post-thumbnail

🙆🏻‍♀️React-Router (feat. Link)🙆🏻‍♀️

React-Router <Link />에 props 담아 보내기🏸

2021년 8월 31일
·
0개의 댓글
post-thumbnail

React | Routes Component & Sass

SPA (Single Page Application) Westagram-fontend: longin.html, main.html 등 - 페이지 수 만큼 html 파일이 존재한다. 리액트 프로젝트에서 .html 파일의 개수는? 1개 ==> SPA 한 개의 웹페이지(htm

2021년 8월 18일
·
0개의 댓글
post-thumbnail

[React] 라우터 이해하기(Route, Link, Switch)

라우터는 path 속성으로 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 지정할 수 있습니다. 또한, 브라우저 이동 없이 컴포넌트만 전환하여 마치 모바일 앱처럼 이루어지게끔 해줍니다.URL과 UI를 동기화해주는 라우터이며, 웹 어플리케이션이

2021년 8월 13일
·
0개의 댓글