담쟁이 담쟁이

비동기 처리의 thread 수 등을 설정 할 config 파일을 만들어준다. package com.server.pandascore.config; import org.springframework.context.annotation.Configuration; import org.springframework.scheduling.annotation.AsyncConfigurerSupport; import org.springframework.scheduling.annotation.EnableAsync; import org.springframework.scheduling.concurrent.ThreadPoolTaskExecutor; import java.util.concurrent.Executor; @Configura..

https://slack.com/intl/ko-kr/help/articles/218475657-Slack%EC%9A%A9-Jira Slack용 Jira Jira는 강력한 워크플로 및 프로젝트 추적 기능을 제공합니다. 팀에서 Jira를 사용하는 경우 Slack에서 나가지 않고도 이러한 앱 중 하나를 통합하여 최BAD+C... slack.com jira cloud를 사용함으로 jira cloud 앱을 우선 slack에 추가해준다. https://w1653473956-u0h476389.slack.com/apps/A2RPP3NFR-jira-cloud?next_id=0&tab=settings Jira Cloud Jira helps every team reach their full potential with pow..

import { useRef, useState } from "react"; 사용할 Ref를 선언을 해준뒤 const authorInput = useRef(); const contentInput = useRef(); focus를 주고 싶을 때 사용한다. authorInput.current.focus(); contentInput.current.focus(); focus를 적용시킬 tag에 ref를 등록한다.

state를 다루는 것이 비슷하다면 여러개 선언하는 것이 아닌 다음과 같이 한개의 state에 선언해준다. const [state, setState] = useState({ author: "", content: "", emotion: 1, }); handle 함수를 두고 target의 이름을 가져와서 해당 target만 변경하도록 진행한다. const handleChangeState = (e) => { setState({ ...state, [e.target.name]: e.target.value, }); }; 1 2 3 4 5

JWT란 Json Web Token의 약자로 token방식의 인증을 할 때 사용한다. Jwt를 사용하는 이유로는 1. Token을 client에서 저장하기 때문에 서버에서 관리할 필요가 없어 서버의 확장성에 용이하다. 2. 무결성이 장점으로 토큰을 HMAC(Hash-based Message Authentication) 기법으로 발급하기에 토큰의 정보를 변경하는 행위가 불가능하다. 하여 보안적인 측면에서 client가 변조된 값으로 server에 접근하기 어렵다. JWT는 크게 3가지로 구성이 되어있는데 aaaa.bbbb.cccc (header).(payload).(signature) 로 구성되어있다. header Token의 타입과 Hash알고리즘을 지정하는 정보를 가지고 있다. { "typ":"JWT"..

보내는 쪽 import { useNavigate } from 'react-router'; const goToDetail = (s) => { navigate('/detail', {state : {id : s.championInfoList }}); }; navigate에 state로써 객체를 전할해 주면 된다. goToDetail(s)} /> 받는 쪽 import {useLocation} from 'react-router-dom'; const {state} = useLocation(); state.id 로 접근하면 된다.

nginx의 config 설정을 변경해주어야한다. nginx의 default.config는 대부분 /etc/nginx/conf.d 에 있다. 들어가서 server { listen 80; server_name localhost; #access_log /var/log/nginx/host.access.log main; location / { root /usr/share/nginx/html; index index.html index.htm; } location 부분을 location / { root /usr/share/nginx/html; index index.html index.htm; try_files $uri $uri/ /index.html; } try_files를 추가해준다.

import Counter from "./Counter" fuction App(){ return ( ) } const Counter = (props) = { console.log(props) } 콘솔에 찍어보면 {initialValue : 5} 라고 전달 된다. 여러개를 보내고 싶다면 를 한다면 {a : 1, b : 2} 가 찍힌다. props를 기본 값을 설정할 수 있다. const Counter = ({ initialValue }) => { Counter.defaultProps = { initialValue : 0, }; } 자식 component를 바로 props로 보내서 적용시켜줄수도 있다. const Container = ({children}) => { return ( {children} ) }..