Node.js 설치 https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 프로젝트 생성할 폴더 만들어주고 Shift+우클릭 PowerShell npm init VSCode로 만들어준 폴더 열어서 터미널에 npm install express --save package.js "scripts" : { } 안에 추가 "start" : "node index.js" index.js 파일 만들고 코드 추가 const express = require('express') const app = express() const port = 3000 app.get('/', (req..
리액트 SpringBoot 연동 1. 스프링, 리액트 프로젝트 생성 spring.io에서 스프링 프로젝트를 만들어서 열어줍니다. 터미널에서 main에 리액트 프로젝트를 생성하는 명령어 입력 cd src/main src/main에서 npx create-react-app 프로젝트명 2. bulid.gradle에 아래 코드 추가 def frontendDir = "$projectDir/src/main/프로젝트명" sourceSets { main { resources { srcDirs = ["$projectDir/src/main/resources"] } } } processResources { dependsOn "copyReactBuildFiles" } task installReact(type: Exec) { w..
타이머 생성 setTimeout() => { }, 1000); : 1초 후에 실행 타이머 지우기 clearTimeout(); 글씨 하나씩 등장시키기 const [displayIntro, setDisplayIntro] = useState(""); const [introIdx, setIntroIdx] = useState(0); const intro = "Hello! I'm Eunjin."; useEffect(() => { if (introIdx { setDisplayIntro(intro1.substring(0, introIdx + 1)); setIntroIdx(introIdx + 1); }, 130); return () ..