# link

32개의 포스트
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 를 새로 만들어주고 <a>Home</a>과 &lt

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

TIL49 l 리액트 라우터(React Router) - BrowserRouter, HashRouter, Route, Switch, Link (Feat. SPA)

리액트는 싱글 페이지 어플리케이션을 쉽게 만들 수 있도록 하는 라이브러리이다. 싱글페이지에는 아래와 같은 문제점이 있는데,각 페이지를 북마크 할 수 없음브라우저상에서 뒤로 가기, 앞으로 가기와 같은 내비게이션 사용 불가이를 보완하기 위해서는 화면들에 따라 주소를 각각

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

React - React Router

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

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

HTML (4) :: Hyper Link

Hyper Link > HyperLink란 한텍스트에서 다른 텍스트로 텍스트의 일반적인 순서가 아닌 사용자가 원하는 순서대로 이동할 수 있는 링크를 말한다 HTML 은 HyperText언어로 하이퍼링크를 지원한다. ``: a 태그를 통해 서로 다른 웹페이지로 이동을

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

리액트를 다루는 기술 정리 (13)

기존 방식다른 페이지로 이동할 때 마다 새로운 html, 페이지 로딩 시 서버에서 리소스 전달받아 해석한 뒤 화면 보여줌사용자에게 보이는 화면은 서버 측에서 준비.유동적인 html 생성해주는 템플릿 엔진 사용서버 측에서 모든 뷰를 준비한다면 성능상의 문제가 발생바뀌지

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

[Flutter] kakao link

Flutter 에서 카카오링크 사용하는 방법

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

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

이번 글에는 리액트가 SPA 가능하게끔 해주는 매우 중요한 핵심기능!!바로 라우터 개념입니다.라우터는 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 넣을 수 있습니다. 또한, 브라우저 이동 없이 컴포넌트만 싹 갈아 치워서 빠르게 페이지 전환이

2020년 11월 22일
·
0개의 댓글
post-thumbnail

[Styled Component] Using Link

여지것 useHistory ReactRouterDom 사용해서 페이지 간 이동을했다. 하지만 내 사이트 안에서 페이지 이동은 Link가 더 맞다고하여 styled component link를 사용하여 refactoring을 했다. https://reactrou

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

CSS link가 안될때

css를 link태그로 걸었는데 적용이 안될때가 있다.웹서버에서 캐시에 올려놓고 새로운 파일로 교체를 안해주기 때문에 생기는 문제다.문법적인 오류가 없는데도 안된다면 이 상황을 한번 의심해보자크롬을 기준으로 설명하면더 보기 버튼 -> 방문기록 -> 인터넷 사용 기록 삭

2020년 10월 31일
·
0개의 댓글

[LINK] Snowflake id generator

link - snowflake id generator

2020년 10월 7일
·
0개의 댓글

CSS 선언 방식

🤔 CSS를 선언하는 방법을 알아보자 👆🏼

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

CSS 2.박스 모델

박스의 크기 박스 너비 = 내용물(content)너비+왼쪽 패딩+오른쪽 패딩+왼쪽 CSS테두리 테두리 스타일(모양), 색상,두께,둥근 테두리 지정 가능 => 모서리별 다른 스타일,두께 가능 border스타일 지정해야 다른 속성 사용 가능 각 변 별로

2020년 9월 17일
·
0개의 댓글
post-thumbnail

TIL - 2020.09.03

오늘도 새벽에 작성하는 TIL,,, 열심히 프로젝트 개발 중이다!프로젝트 개발오늘은 화면이 넘어가는 부분을 구현했다.Css Grid를 활용했다.화면내에 사이드바를 구현했는데 계속 다른 탭으로 안 넘어가서 애를 먹었다.예를들어 menu/1에서 2번째를 누르면 menu/2

2020년 9월 3일
·
0개의 댓글
post-thumbnail

[CS] Compile, Link, Build 란?

CS 기초를 다잡을겸 Compile, Link, Build에 대해 알아보자.

2020년 7월 29일
·
0개의 댓글

nodejs - app이 죽었을 때 재실행 module // forever

https://github.com/foreversd/foreverhttp web server를 nodejs로 서비스하면서 특정 에러 상황에 프로세스가 죽을 수 있다.이 때, 다시 재가동하여 서비스하도록 해주는 모듈로 forever를 선택했다.설치 :: npm

2020년 6월 20일
·
1개의 댓글

nodejs - 동영상 스트리밍 구현 참고

https://javafa.gitbooks.io/nodejs_server_basic/content/chapter11.html

2020년 6월 15일
·
0개의 댓글

translators

https://translators.to/

2020년 5월 22일
·
0개의 댓글

라즈베리파이 - htop

https://blog.ayukawa.kr/archives/1592실행중인 프로세스 상태를 보여주는 프로그램.apt-get install htop상-하 방향키 : 프로세스 리스트 아이템 이동하며 확인좌-우 방향키 : 화면 스크롤

2020년 5월 18일
·
0개의 댓글