# link
리액트를 다루는 기술 정리 (13)
기존 방식다른 페이지로 이동할 때 마다 새로운 html, 페이지 로딩 시 서버에서 리소스 전달받아 해석한 뒤 화면 보여줌사용자에게 보이는 화면은 서버 측에서 준비.유동적인 html 생성해주는 템플릿 엔진 사용서버 측에서 모든 뷰를 준비한다면 성능상의 문제가 발생바뀌지
[React] 라우터 이해하기(Route, Link, Switch)
이번 글에는 리액트가 SPA 가능하게끔 해주는 매우 중요한 핵심기능!!바로 라우터 개념입니다.라우터는 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 넣을 수 있습니다. 또한, 브라우저 이동 없이 컴포넌트만 싹 갈아 치워서 빠르게 페이지 전환이
[Styled Component] Using Link
여지것 useHistory ReactRouterDom 사용해서 페이지 간 이동을했다. 하지만 내 사이트 안에서 페이지 이동은 Link가 더 맞다고하여 styled component link를 사용하여 refactoring을 했다. https://reactrou
CSS link가 안될때
css를 link태그로 걸었는데 적용이 안될때가 있다.웹서버에서 캐시에 올려놓고 새로운 파일로 교체를 안해주기 때문에 생기는 문제다.문법적인 오류가 없는데도 안된다면 이 상황을 한번 의심해보자크롬을 기준으로 설명하면더 보기 버튼 -> 방문기록 -> 인터넷 사용 기록 삭
TIL - 2020.09.03
오늘도 새벽에 작성하는 TIL,,, 열심히 프로젝트 개발 중이다!프로젝트 개발오늘은 화면이 넘어가는 부분을 구현했다.Css Grid를 활용했다.화면내에 사이드바를 구현했는데 계속 다른 탭으로 안 넘어가서 애를 먹었다.예를들어 menu/1에서 2번째를 누르면 menu/2
nodejs - app이 죽었을 때 재실행 module // forever
https://github.com/foreversd/foreverhttp web server를 nodejs로 서비스하면서 특정 에러 상황에 프로세스가 죽을 수 있다.이 때, 다시 재가동하여 서비스하도록 해주는 모듈로 forever를 선택했다.설치 :: npm
nodejs - 동영상 스트리밍 구현 참고
https://javafa.gitbooks.io/nodejs_server_basic/content/chapter11.html
라즈베리파이 - htop
https://blog.ayukawa.kr/archives/1592실행중인 프로세스 상태를 보여주는 프로그램.apt-get install htop상-하 방향키 : 프로세스 리스트 아이템 이동하며 확인좌-우 방향키 : 화면 스크롤
nodejs - nodemon
https://www.npmjs.com/package/nodemonhttps://danco.tistory.com/53https://blog.outsider.ne.kr/649npm install nodemon -g
javascript - 문자열 자르기
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice