bright jazz music

1. App.js 작성 import React, {createContext, useContext, useEffect, useReducer, useState} from "react"; function App(){ // const [count, setCount] = useState(0); const [count, countDispatch] = useReducer(countReducer, 0); //countReducer: 회계직원, 0:초깃값 const [number, setNumber] = useState(1) function countReducer(oldCount, action){ //old가 접두어인듯, action은 예약어 if(action.type === 'UP'){ return oldCount +..

1. style.css 작성 .root, .root div{ border: 10px solid gray; margin: 10px; padding: 10px; } 2. App.js 작성 // Context API: 전역적으로 상태를 공유할 수 있도록 하는 도구 // 리액트에서 컨텍스트를 만들려면 createContext라는 함수를 임포트 해야 한다. import React, {createContext, useContext} from "react"; import "./style.css"; const themeDefault = {border: '10px solid red'}; // 컨텍스트의 기본값이 themeDefault가 되었다. const themeContext = createContext(themeDe..

1. styled components 설치 $npm install styled-components //오류날 경우 $npm install styled-components@latest 2. App.js 작성 import React from "react"; import styled from 'styled-components'; const SimpleButton = styled.button` color:white; background-color:green; `; const LargeButton = styled(SimpleButton)` font-size:50px; `; const ReactButton = (props) => { console.log('props', props) // return {props.c..

1. react-router-dom 설치 $npm install react-router-dom 2. index.js 작성(내가 수정한 버전. var를 const 또는 let으로 변경) import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import reportWebVitals from './reportWebVitals'; import { BrowserRouter, Route, Routes, HashRouter, Link, NavLink, useParams } from 'react-router-dom'; function Home() { return ( Home Home... ); } // 원래는 a..

import logo from './logo.svg'; import './App.css'; import { useState } from 'react'; function Header(props){ return( { event.preventDefault() props.onChangeMode() }}>{props.title} ) } function Nav(props){ const lis = []; for(let i=0; i ) } function Update(props){ const [title, setTitle] = useState(props.title) const [body, setBody] = useState(props.body) return( Update { event.preventDefault(); ..

변경 전 server { listen 80; location / { #root /usr/local/ecert24; root /home/chainverse-apps/ecert24/front-apps/build; index index.html index.htm; try_files $uri $uri/ /index.htm; } location /api { proxy_pass http://127.0.0.1:10000/api; } } 변경 후 index.htm ==> index.html server { listen 80; location / { #root /usr/local/ecert24; root /home/chainverse-apps/ecert24/front-apps/build; index index.html ..

참고: 해당 vm의 OS는 rocky linux 9.1d이다. root 볼륨 명은 rl-root이다. centos를 사용한다면 centos-root로 적용해야 할 것이다. #proxmox 호스트 머신 root@chainverse:~# qm config 112 boot: order=scsi0;ide2;net0 cores: 4 ide2: hdd:iso/CentOS-7-x86_64-Minimal-1908.iso,media=cdrom,size=942M memory: 16384 meta: creation-qemu=7.2.0,ctime=1680057785 name: bc-node01 net0: virtio=C6:53:9B:89:EB:EC,bridge=vmbr0,firewall=1 numa: 0 ostype: l26..

1. Docker 설치: 먼저 Docker를 설치돼 있어야 한다. Docker Desktop 또는 Docker Engine을 설치하면 된다.2. MariaDB 이미지 가져오기:Docker Hub에서 MariaDB 이미지를 가져온다. 터미널에서 다음 명령어를 실행한다.docker pull mariadb3. 컨테이너 실행:다음 명령어를 사용하여 MariaDB 컨테이너를 실행한다. 이 명령어는 MariaDB 컨테이너를 실행하고 임의의 이름을 지정한다. 여기에서는 "my-mariadb"로 지정.(나는 호스트의 3306 포트를 마리아디비 컨테이너의 3306 포트와 매핑해 주었다. 마리아디비 컨테이너를 구동하면 기본 포트는 3306으로 되어 있다.)docker run -d -p 3306:3306 --name my-..

https://docs.docker.com/storage/volumes/ Volumes docs.docker.com 1. 도커 볼륨 생성하고 목록보기 : 아래와 같이 생성하면 기본적으로는 /var/lib/docker/volume에 생성된다. [coffee@localhost ecert24]$ cd /usr/local [coffee@localhost local]$ sudo docker volume create dev-volume dev-volume [coffee@localhost local]$ 1.1. 특정 경로에 볼륨 생성하기 $ sudo docker volume create --name data --opt type=none --opt device=/data --opt o=bind Docker 컨테이너 내..

아래 작업을 진행하기 전에 $ sudo docker pull rockylinux:9.1 명령어로 록키 리눅스 9.1 이미지를 다운 받았다.jcha@hjcha-AERO-15-Classic-SA:/usr/local/my-app$ sudo suroot@hjcha-AERO-15-Classic-SA:/usr/local/my-app# docker rm -f catnailscatnailsroot@hjcha-AERO-15-Classic-SA:/usr/local/my-app# sudo docker run --privileged -d -it -p 82:80 -p 3001:3000 --name catnails rockylinux:9.1 /sbin/init09a9e50129a06b5db94a58669507f50599449f2..