기존

0. 설치 전 확인 필자는 CentOS 7(centos-release-7-9.2009.0.el7.centos.x86_64) 환경에서 설정했습니다. java(jdk)를 설치하지 않았다면 아래의 링크를 활용해 원하는 버전을 설치 및 세팅해주세요. 기본적으로 CentOS7을 설치하면 java(jdk)가 설치되어 있긴 합니다. [Linux] CentOS7 원하는 특정 버전 Java(jdk) 설치하기 - wget 목차 0. 설치 전 확인 - 이 게시물은 Java(jdk)가 설치되어 있지 않다는 가정하에 진행합니다. 이미 Java가 설치되어 있다면 제거 후 설치를 해줍니다. (CentOS 7을 설치하면 기본적으로 Java(jdk)가 설치 veneas.tistory.com 1. 설치 1-1. 다운로드 1. 톰캣 홈페..

완성본 1. 간단한 Header 부분만들기 Component 로 된 Button 으로도 넣을수 있어서 유익.. } rightChild={alert("오른쪽 클릭")}/>} /> 1. {내용} 부분에 Button 을 넣어도 정상적으로 작동 완료 const MyHeader = ({headText,leftChild,rightChild}) => { return {leftChild} {headText} {rightChild} } export default MyHeader;

완성본 1. 총 3가지의 버튼을 생성하기 alert("버튼클릭")} type={"positive"} /> alert("버튼클릭")} type={"negative"} /> alert("버튼클릭")} type={"default"} /> 2. MyButton을 컴포넌트화 시켜주기 : 위에서 text , type , onclick 을 파라미터 변수로 받아줘서 * btnType = > positive,negative 이 아닌 다른 값이 들어오면 강제로 "default" 로 변경해주는 함수. * MyButton.defaultProprs = > type값이없으면 "default" 로 만들어준다. const MyButton = ({text,type,onClick}) => { // positive 나 negative 아..

1. React 기본 경로 위치 => /public/** 와 같은역할 const env = process.env; env.PUBLIC_URL = env.PUBLIC_URL || ""; import "./App.css" import {BrowserRouter, Route, Routes} from "react-router-dom"; import Home from "./pages/Home" import New from "./pages/New"; import Edit from "./pages/Edit"; import Diary from "./pages/Diary"; function App() { const env = process.env; env.PUBLIC_URL = env.PUBLIC_URL || ""; r..

1. Path Variable 이런식으로 디테일 화면으로 갈때사용한다.. const {id} = useParams(); // 전달받아서 모아서 객체 🐳 상세페이지 js import {useParams} from "react-router-dom"; const Diary = () => { const {id} = useParams(); // 전달받아서 모아서 객체 console.log(id) return ( Diary 이곳은 일기 상세 페이지 입니다. ); } export default Diary; 🐳 App.js import "./App.css" import {BrowserRouter, Route, Routes} from "react-router-dom"; import RouterTests from './c..

사용하기 1. 설치 npm npm install react-router-dom@6 🐳 App.js 로 돌아가서 import {BrowserRouter} from "react-router-dom"; 🐳 App.js 페이지 import "./App.css" import {BrowserRouter} from "react-router-dom"; function App() { return (