Hello World!
Spread your wide wings 
with Java
React 개발 환경 세팅
Library/React 2024. 8. 18. 22:23 React 개발 환경 세팅

1. Node.js 설치 LTS 버전을 설치합니다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org   2. Visual Studio Code 설치 VS Code를 설치합니다. Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code edit..

React와 Spring 사이에서 데이터 연동
Library/React 2024. 6. 12. 11:33 React와 Spring 사이에서 데이터 연동

🚀 개발 환경▪  IDE : VScode 1.90.0, STS 3.9.18▪  JAVA : JDK 11.0.22▪  Spring : SpringFramework 5.0.2.▪  WAS : Apache Tomcat v9.0.89 전체 파일은 나중에 시간이 생기면 업로드합니다.   1. React에서 Spring으로 GET(Query String) 방식을 통한 데이터 전달 📑 React : Spring.jsximport React, { useState } from "react";import axios from "axios";const Spring = () => { const [id, setId] = useState(""); const [pw, setPw] = useState(""); function..

[React] Router
Library/React 2024. 6. 10. 09:23 [React] Router

1. React Router 설치 💾 React Router 설치 명령어 npm install react-router-dom VS Code의 터미널에서 리액트 프로젝트 폴더 경로로 이동한 후 해당 명령어를 통해 설치한다.   2. React Router 정의   리액트 라우터는 리액트 애플리케이션에서 라우팅을 쉽게 할 수 있도록 도와주는 라이브러리로URL을 통해 서로 다른 컴포넌트(페이지)를 렌더링할 수 있다. 1) Routes & RouteRoutes : 여러 개의 Route를 감싸는 컴포넌트로 Route들을 관리Route : URL 경로와 해당 경로에 매핑되는 컴포넌트를 정의-> 컴포넌트에 주소값을 부여 2) LinkLink : 다른 페이지로 이동할 수 있는 링크를 만들 때 사용 태그와 비슷하지만 ..

image