솔적솔적

| Lifecycle이란 예를들어서 detail페이지있잖아요, 화면에 detail페이지가 보이는 순간 이 때를 페이지에 장착이 된다. 또는 마운트(mount)된다라고도하고, 컴포넌트 안에서 state 조작을하면 update되는 과정도 있고, 컴포넌트가 쓸모가 없어지는 경우, 이 경우 컴포넌트 제거되는데 이게 unmount 라고한다. 이런 살아나서 죽는 생물같이 리액트에도 삶의 주기가 있다는 것. mount update unmount 이 라이프사이클을 알고 있다면, 중간중간 내가 코드에 간섭을 하여, 특정코드를 실행할 수 있다. update될 때 특정 코드 실행할 수 있고, unmount될 때 중간에 코드를 넣어 실행할 수 있다는 것이다. 그리고 function들 안에서 기본적으로 쓸 수 있는 함수, us..

리액트 라우터를 사용하여 페이지이동을 하려한다. 🕵️ 목표1. 리액트 라우터 설치 그리고 셋팅방법 🕵️ 목표2. 페이지를 이동 작성방법, 버튼 만들기 🕵️ 목표3. 라우터 6버전에서는 navigate 함수를 사용하자. 의 방법 정리 🕵️ 목표4. nested routes 사용하기 | 라우터 사용1. 라우터 라이브러리 설치 npm install react-router-dom@6 | 라우터 사용2. index.js 파일에 BrowserRouter로 감싸기 import { BrowserRouter } from "react-router-dom"; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); | 라우터로 페이지..

왜 nodemon을 설치하려하냐면 서버 껐다가 켜는 작업을 자동으로 재실행하게끔하기 위해 (껐다가 켰다가 하는게 너무 시간, 힘이 드니) 자동화를(nodemon)를 하려하는 것! 터미널을 켜고 나서 | npm npm install -g nodemon | yarn yarn add global nodemon | 실행 명령어 nodemon server.js 근데, 만약 이렇게 실행 명령어를 입력했는데 빨간 오류가 주루룩 나온다면 1. powerShell 관리자로 실행을 들어가자. 1. executionpolicy 2. set-executionpolicy unrestricted 3. y 입력하고 엔터 4. 다시 vsCode 터미널로 가서 nodemon server.js 명령어 입력 근데 또 오류가 난다면 첫 줄..

node.js + mongoDB를 이용하여 투두리스트를 만드는 것을 목표 진행하기전에 #node.js가 무엇인지에 대해서 알아보고 시작해요. 목표1. node.js는 무엇인지 이해하기 목표2. node.js로 서버를 만드는 이유는? node.js란 javascript를 브라우저말고도 로컬pc에서도 실행시킬 수 있는 실행환경 여기서 javascript란 뭐죠? 네, 자바스크립트는 html에 종속된 언어로 웹페이지안에서 바꿔주는 기능을 합니다. 그럼 이 html조작과 변경이 가능한 자바스크립트는 누가 실행시키는지 아십니까? 맞아요, 브라우저예요. 요 브라우저가 자바스크립트 해석을 담당하지요. 또한 브라우저마다 자바스크립트를 해석하는 엔진이 각각있는데, javascript의 해석엔진들은 크롬 👉 V8 모질라 ..