솔적솔적

리액트 라우터를 사용하여 페이지이동을 하려한다. 🕵️ 목표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 모질라 ..

Spring Boot를 사용하여 개발을 하려할 때 기본적으로 알고있어야하는 Spring의 핵심들, 이거이거, 중요하니 툭 치면 입에서 저절로 나와야하는 중요한 개념들이므로 쫘르르 간단 명료하게 설명해보려합니다. spring boot를 사용하기 전에 알아야할 것은 spring FrameWork. 면접에서도 많이 나오는 질문 중에 하나라고 하며 면접관들이랑 얘기할 때 이 프레임워크의 개념이 잘 잡혀진 기준하에 얘기가 진행될 수 있었다는...★★★★★ 스프링이란1? 스프링은 FrameWork다. FrameWork란? 말 그대로 직역해본다. 그 말 그대로다. Frame : 틀 + Work : 동작하다 = 틀 안에서 동작한다는 것 이 틀을 벗어날 수 없는, 너는 이 틀 안에서 개발해. 이게 프레임워크입니다. 스프..