# link

47개의 포스트
post-thumbnail

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

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

4일 전
·
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

[TIL.18] 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개의 댓글

React Bootstrap Nav.Link

부트스트랩을 이용하여 페이지를 작성중에&lt;Nav.Link>를 쓰는 상황이 있는데&lt;Nav.Link>와 &lt;Link>는 일종의 &lt;a>태그입니다.그래서 &lt;a>태그 안에 &lt;a>태그가 있다는 warning이 뜨는데...이렇게 바꿔 주시면 됩니다.

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

[React] 리액트 라우터로 SPA 개발하기

본 글은 [리액트를 다루는 기술] 13장을 참고하여 포스팅하였습니다. SPA, Route 컴포넌트, Link 컴포넌트, Link 컴포넌트, URL 파라미터, URL쿼리, 서브 라우트, 라우터 부가기능에 대해 정리하였습니다.

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

Next.js의 Link Tag

코드 분할 및 프리페치 Next.js는 코드 분할을 자동으로 수행하므로 각 페이지는 해당 페이지에 필요한 것만 로드한다. > 홈페이지가 렌더링될 때 다른 페이지의 코드는 처음에 제공이 되지 않는다. 요청한 페이지의 코드만 로드하면 페이지가 격리된다. 특정 페이지에서

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

기초 HTML

link 태그는 외부 소스를 가져올때 주로 사용된다. 주로 외부스타일 시트랑 연결될떄 많이 사용된다.HTML은 위에서 한줄한줄 읽어 렌더링이되는데 head 태그가 맨위에 있는 이유이고 link태그 가 head 태그 안에 있는 이유이다. link 태그는 외부 소스를 가져

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

React Router

페이지가 한 개인 어플리케이션 나의 프로젝트의 경우 - 확장자가 html 인 두 개의 파일을 가지고 있으므로 두 개의 페이지를 가지고 있다. 페이지의 수 만큼 html 파일이 존재한다.우리가 만들려 하는 리액트 프로젝트에서 html 은 하나, 따라서 SPA 이다.그렇다

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

html #2.6 head tag. meta, lang, link

self closing tag ★ 중요) meta 태그는 부가적인 정보, 브라우저에게 텍스트가 어떻게 그려달라는지 말해줌, 문자를 이해할 때 메타 태그가 없으면 글자가 깨져보임 1) 두개의 attribute name, content2) 글자 깨져보일 수 있으니 잊지말

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

[react] 노마드코더 영화웹서비스 제작 6.3 Sharing Props between Routes

모든 컴포넌트에는 props가 있다. Movie.js처럼 About.js에도 props가 있는데,콘솔을 보면 4 개의 props가 보인다. history, location, match, staticContext. 이것들은 아직 About.js로 전송된 것은 아니고,

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

[react] 노마드코더 영화웹서비스 제작 6.2 Building the Navigation

네비게이션이 라우터와 관련된 처음 듣는 용어일 거라고 생각했는데, 네비게이션 바 얘기할 때 그 네비게이션이란 것을 깨달았다.우리는 홈과 어바웃 두 개의 버튼만 만들어 줄 계획이다.먼저 Navigation.js 를 새로 만들어주고 &lt;a>Home&lt;/a>과 &lt

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

React - React Router

리액트는 SPA(Single Page Application)구조를 사용하므로 index.html은 하나만 존재하며, 경로에 따라 페이지 전환을 해주어야 한다.라우팅(Routing)이란 다른 경로(url)에 따라 다른 View를 보여주는 것 - 리액트 자체에 기능이 없기

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