soidev 님의 블로그

backend : springfrontend : react package.json > dependencies : 18.3.1버전스프링에서 build.gradle이거랑 똑같은 파일이라고 생각하면됨package-lock.json react를 의존하는 라이브러리를 연쇄적으로 설치함 npm installnpm install react-router-domnpm install axiosnpm run dev public,src,index.html,package.json 만 들고가면 됨 깃이나 다른데서 이 소스를 하고싶을때public 쪽은 기본 이미지 들어감. spring에서 static에있던것들을 여기선 public에다가 넣음 src > jsx,component,service 페이지별로 폴더를만들고얘에 있는 공용을..

오늘 할일🌐 Spring MVC 웹 애플리케이션 흐름 정리📌 1. RequestMapping & 파라미터 처리✅ 요청 매핑@RequestMapping("/process")public String processForm(@ModelAttribute User user) { // form 데이터가 자동으로 User 객체에 매핑됨}@ModelAttribute: 폼에서 넘어온 여러 개의 파라미터를 객체로 받아 처리DTO 객체와 필드명이 같으면 자동으로 매핑됨✅ 단일 파라미터 처리@RequestMapping("/login")public String login(@RequestParam String accountName, @RequestParam String password) ..

🔧 React 프로젝트 시작하기 (Vite + React) 1. Node.js 설치공식 웹사이트: https://nodejs.org/ko/downloadNode.js는 자바스크립트 실행 환경필수 도구: node와 npm이 함께 설치됨 Node.js — Node.js® 다운로드Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.nodejs.org 2. Vite로 React 프로젝트 생성npm create vite@latest projectname1projectname1은 원하는 ..