본문 바로가기

분류 전체보기

 (101)
[전자정부프레임워크] java.lang.IllegalStateException: Failed to load ApplicationContext JUnit 테스트 중 데이터베이스(DB) 연결 확인 중 발생한 에러 HikariCP를 연결하고 JUnit으로 정상적으로 연결되었는지 확인하는 코드로 아래와 같은 에러가 발생했다 에러 내역 더보기 java.lang.IllegalStateException: Failed to load ApplicationContext at org.springframework.test.context.cache.DefaultCacheAwareContextLoaderDelegate.loadContext(DefaultCacheAwareContextLoaderDelegate.java:132) ~[spring-test-5.3.20.jar:5.3.20] ... Caused by: org.springframework.beans.factor..
[Linux] 리눅스에서 톰캣 설치하는 방법 톰캣 설치 전 주의사항 톰캣 설치 전 톰캣 버전에 맞는 JDK가 설치되어 있는지 확인해야 한다 톰캣 버전별 JDK 버전(Apache Tomcat Version 사이트) 톰캣 버전 8과 8.5는 7 이상 톰캣 버전 9와 10은 8 이상의 JDK를 요구한다 현재 사용중인 버전에 맞춰서 적절한 톰캣 버전을 설치하면 된다 다운로드 명령어를 통해서 톰캣을 받는다 (Tomcat Download 사이트) 톰캣 사이트에서 버전별로 설치 가능한 목록을 보여줍니다 여기서 설치를 원하는 버전을 클릭해서 진행합니다 (9 버전을 기준으로 설치 방법을 진행) tomcat-9 버전을 클릭해서 9 버전 폴더로 들어옵니다 아래와 같이 9 버전의 마이너 버전 목록들이 나타납니다 목록 중 가장 아래에 위치한 v9.0.8 버전을 기준으로 ..
[전자정부프레임워크] unknown character set index for field '255' received from server 전자정부프레임워크 MySQL로 DB 연결해서 사용 중 특정 SQL를 불러오는 중 에러가 발생했다 "unknown character set index for field '255' received from server" 에러 내용으로 console 창에 아래와 같이 에러가 발생했다 간단하게 mysql connect 버전을 변경하면 해결된다 아래는 전자정부프레임워크 생성 시 기본 설정되어 있는 버전이다 버전 변경 전 사용중인 MySQL 버전에 맞춰서 connector 버전을 올리면 된다 ※ 사용중인 MySQL 버전 확인하는 방법 : SELECT VERSION(); 이미지와 같이 버전 정보만 변경하면 된다 이 외에는 maven repository 사이트에서 직접 검색해서 버전 정보를 변경할 수 있다 mysql ..
[Notion] 노션 API 사용 방법 노션에서 제공하는 API를 사용하기 위해서는 노션을 가입해야 합니다 ( 가입 방법은 다루지 않습니다) 구글에서 노션 API를 검색하면 아래의 이미지와 같이 "Notion API" 홈페이지가 보입니다 첫 번째 링크를 클릭합니다 클릭하면 나오는 메인 화면의 가운데 View my integrations 버튼을 클릭합니다 클릭하고 이동을 하면 내 API 목록이 나옵니다 여기서 API를 생성하고 관리합니다 새 API 통합 버튼을 클릭하면 API 신청 화면으로 이동합니다 이름은 API의 이름으로 API의 용도가 잘 드러나게 작성합니다 로고 이미지는 선택 사항입니다 연결할 워크스페이스는 로그인한 노션 계정의 정보를 자동으로 읽어 옵니다 모든 사항을 입력했으면 제출을 클릭합니다 API를 사용할 수 있는 토큰이 발급되었..
[CSS] @import 적용 안될 때 해결 방법 CSS를 적용할 때 태그를 이용해서 CSS를 불러온다 예로 보통 여러 개의 CSS파일을 연결하는 경우 아래와 같이 사용한다 다른 방식으로는 @import를 통해서 하나의 CSS 파일 안에 여러 개의 CSS파일을 쓸 수 있다 @import를 이용해서 하나의 CSS 파일안에 여러 개의 CSS 파일을 넣어서 관리하는 경우 아래와 같이 사용한다 @import "css/style.css"; /*String 방식*/ @import "css/style1.css"; /*String 방식*/ @import url("css/style2.css"); /*url 방식*/ @import url("css/style3.css"); /*url 방식*/ @import를 이용해서 css를 여러 개 연결하는 경우 위와 같이 사용했을 때 ..
[React] ReactDOM.render is no longer supported in React 18 에러 해결 방법 console 창에서 아래의 문구와 같은 에러 내용이 나오는 경우 해결 방법입니다 "react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot" 수정 전 코드 ReactDOM.render( , document.getElementById('root') ); 수정 후 코드 const root = ReactDOM.crea..
[React] 이미 3000 포트를 사용 중 입니다 여러 가지 이유로 서버를 재시작하는 경우 "Something is already running on port 3000."가 나오면서 다른 포트로 app을 시작할지 물어봅니다 Y를 입력하면 다른 포트, 보통 3001 포트로 실행됩니다 이때 3000포트를3000 포트를 그대로 다시 사용하고 싶을 때는 현재 3000 포트를 종료하고 다시 실행시키면 됩니다 포트 사용 여부 확인 명령어 : netstat -ano tcp | grep 포트번호 3000 포트 사용 여부를 확인하기 위해서 netstat -ano tcp | grep 3000 입력하면 아래와 같이 사용 중인 목록이 나타납니다 사용 중인 포트 종료 명렁어 : npx kill-port 포트번호 사용 중인 3000 포트를 종료하는 명령어를 사용해서 종료해 줍니..
[React] 구름IDE npx을 사용해서 리액트 앱 시작하기 리액트에서는 npm보다 npx를 이용해서 만드는 것을 추천합니다 명령어 리액트 생성 : npx create-react-app 예) npx create-react-app . 현재 폴더 위치에서 리액트 앱 생성 빈 폴더의 경우 문제없이 생성되고 프로젝트명 위치에 원하는 이름을 적거나 프로젝트 명을 입력하면 입력한 이름의 폴더를 생성하고 리액트 앱을 생성합니다 The directory . contains files that could conflict 에러 단 구름IDE의 경우 아래의 에러가 발생합니다 The directory . contains files that could conflict: goorm.manifest Either try using a new directory name, or remove th..
[Node] 버전 업그레이드(NVM 사용) 시간이 지나면 버전이 올라가고 이슈 등의 이유로 노드의 버전을 올려야 하는 경우가 생깁니다 노드의 버전을 올리는 방법은 2가지가 있습니다 버전 업그레이드 첫 번째는 설치된 노드를 지우고 노드 홈페이지 들어가서 다운로드를 하는 방법입니다 [Node] 노드 JS 설치 노드 JS 설치 방법입니다 구글에서 노드 다운로드 혹은 node js download 검색합니다 검색해서 나온 결과 목록에서 첫 번째를 클릭합니다 다운로드 링크입니다 https://nodejs.org/ko/download/ 다운로드 | Node happycodingdiary.tistory.com 두 번째는 NVM을 설치해서 명령어를 통해서 버전을 업그레이드하는 방법입니다 GitHub - coreybutler/nvm-windows: A node...
[Node] 버전 업그레이드(구름IDE 사용) 요즘 가벼운 프로젝트 혹은 토이 프로젝트의 경우 구름을 통해서 개발하는 경우가 종종 있습니다 특별한 사유가 없으면 보통 프로젝트 시작 기준으로 최신 버전으로 개발 환경을 세팅해서 개발을 진행하는데 구름의 경우 템플릿을 통해서 만들기 때문에 버전의 경우 구름에서 지원하는 버전을 이용합니다 그런데 React 프로젝트의 경우 현재 버전과 지원 버전이 너무 차이가 나서 프로젝트가 정상적으로 실행 및 개발 진행이 안 되는 상황이 발생했습니다 이때 원하는 node와 npm 버전을 올려서 사용하는 방법입니다 버전 업그레이드 노드 버전 업그레이드하기 전 후로 버전을 확인하는 명령어입니다 명령어 node 버전 확인 : node -v npmp 버전 확인 : npm -v 새로운 버전을 설치 전 node, npm을 먼저 삭제..

티스토리툴바