Studying Coding Studying Coding

nav의 각각의 link를 클릭할때 마다 , 해당페이지로 url을 이동시켜주는 기능이다. router을 왜 해야 하는 가? 특정 페이지에 대한 즐겨찾기 등록이 불가합니다. 컴포넌트가 전환되더라도 브라우저 주소창의 URL은 고정되어 있기 때문입니다. 뒤로 가기 버튼을 누르면 해당 앱내에서 이전 페이지로 이동하는 것이 아니라 그 전에 서핑하던 다른 웹사이트로 이동해버립니다. 새로 고침 버튼을 누르면 사용 중이던 컴포넌트가 아닌 무조건 최초에 렌더링되었던 Home 컴포넌트로 이동합니다. 1. install npm i react-router-dom //을 termanal 에서 작동 해준다. package.json에서 'react-router-dom'이 다운되어진것을 확인할수 있다. 2. import해주기 imp..

https://www.daleseo.com/js-node-process-env/#:~:text=process.env%20%EB%8A%94%20%EA%B0%80%EB%B3%80%20%EA%B0%9D%EC%B2%B4,%EB%98%90%EB%8A%94%20%EC%A0%9C%EA%B1%B0%ED%95%A0%20%EC%88%98%20%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4. Node.js에서 환경 변수 다루기 (process.env) Engineering Blog by Dale Seo www.daleseo.com 위의 글을 읽고 정리한 글입니다. 환경변수 란? 일반적으로 코드베이스는 하나만 관리하고 개발, 테스트 운영들은 여러환경에 어플리케이션을 배포 한다. 어느 환경에 배포하느냐 따라서..

https://blog.woolta.com/categories/1/posts/209 react의 새로운 상태관리 라이브러리 recoil 에 대해 알아보기 - atom, selector woolta 블로그 ver2.0 기술 개발 블로그 blog.woolta.com 위의 블로그에서 확인한 정보를 정리한 내용입니다. react 자체 라이브러리 - recoil 은 기존의 redux, mobx 와 달리 react를 지원하는 전용 상태관리 이기 때문에 react 내부에 대한 접근이 가능 recoil 사용을 위한 세팅 - import React from 'react'; import ReactDOM from 'react-dom'; import { RecoilRoot } from 'recoil'; // recoil 추가..