반응형

전체 글 203

React 프로젝트 Github Pages 배포

[React] GitHub Pages에 배포하기 오늘은 간단한 리액트 페이지를 GitHub Pages에 배포하는 방법에 대해 알아보겠습니다. 당연하겠지만, 서버가 필요한 페이지는 따로 서버를 연결해주어야하니 여기선 다루지않겠습니다.혹시 몰라 velog.io (Bam 님의 블로그와 거의 동일합니다.) 0. 우선 repository 가 public 으로 설정되어 있어야 한다. 나는 private 로 되어 있어서 public 으로 변경해주었다. 1. gh-pages 패키지 설치 npm install gh-pages 2. package.json 수정 "scripts": { (...) "predeploy": "npm run build", "deploy": "gh-pages -d build" }, 호스팅될 주소도 ..

카테고리 없음 2024.03.27

[스프링부트-에러] Request method 'DELETE' is not supported @DeleteMapping

리뷰 좋아요를 취소(삭제) 하는 기능을 만들고 있다. @DeleteMapping 을 하니깐 Request method 'DELETE' is not supported 라는 에러가 뜬다. @DeleteMapping("/reviewlike/{uid}/{rid}") public void dropRlike(@PathVariable Long uid, @PathVariable Long rid) { rlikeService.delRlike(uid, rid); } 2024-01-26T14:57:45.272+09:00 WARN 15272 --- [io-8080-exec-10] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.HttpRe..

Error 2024.01.26

[MySQL] 테이블 분할 & 분석(PARTITION BY)

순위함수를 이용하여 순위 매기기 SELECT 컬럼 이름, 순위함수() OVER (ORDER BY 컬럼이름) FROM 테이블 이름 순위함수 설명 RANK() 중복 순위 적용, 다음 순위가 중복 순위 적용 후 순위 예) 1, 2, 2, 4 DENSE_RANK() 중복 순위 적용, 다음 순위는 중복 순위 적용 + 1 예) 1, 2, 2, 3 이전 행, 다음 행 가져오기 SELECT 컬럼이름, 이동함수(컬럼이름, offset) OVER (ORDER BY 컬럼이름) FROM 테이블이름 이동함수 설명 LAG() 이전 행 가져오기 LEAD() 다음 행 가져오기 테이블 분할 & 분석(PARTITION BY) SELECT 컬럼이름, 함수() OVER(PARTITION BY 컬럼이름 [ORDER BY 컬럼이름]) FROM..

Database 2023.11.25

리액트 context api 로 회원정보 전역관리

0825 chatGpt 선생의 훌륭한 답변 useContext API를 사용하여 React에서 사용자의 로그인 상태와 데이터를 전역적으로 관리하려면 다음과 같은 단계를 따릅니다. 1. 컨텍스트 생성: 먼저 사용자의 로그인 상태와 데이터를 보유할 컨텍스트를 생성합니다. export const UserContext = React.createContext(); 2. App 컴포넌트 수정: 앱 전체를 UserContext.Provider로 감싸고 필요한 값을 제공합니다. function App() { const [isLogin, setIsLogin] = useState(false); // 사용자 로그인 여부 const [userData, setUserData] = useState(null); // 사용자 데이터..

카테고리 없음 2023.08.25
반응형