HEROJOON 블로그(히로블)

Pycharm이란? Python 개발 툴은 다양하게 있지만 그 중 가장 많이 사용하는 것이 Visual Studio Code와 Pycharm일 것입니다. Pycharm은 Jetbrains사에서 제공하는 Python IDE 개발 툴로 여러가지 장점을 가진 툴입니다. 설치가 쉽다. 다양한 Plugin을 제공한다. 시각적인 툴 기능으로 코드 추적 및 디버 사용이 쉽다. 코드 검사, 리펙터 등 개발을 위한 편의성을 제공한다. 웹 개발, 데이터베이스와 같은 여러 개발 환경을 통합으로 구축하기 쉽다. Pycharm 설치 파일 다운로드 설치 파일 다운로드 링크: https://www.jetbrains.com/pycharm/download/?section=windows Download PyCharm: The Pytho..

배포 환경이 Spring Boot 3.2.4에 해당하는 필수 스펙이 맞는지 확인해본다. https://docs.spring.io/spring-boot/docs/current/reference/html/getting-started.html Getting Started If you are getting started with Spring Boot, or “Spring” in general, start by reading this section. It answers the basic “what?”, “how?” and “why?” questions. It includes an introduction to Spring Boot, along with installation instructions. docs.spr..

// AWS EC2에서는 기본적으로 apt-get이 아닌 yum을 사용합니다. sudo yum update // y/d/n에서 d를 선택합니다. sudo yum install gcc make // y를 선택합니다. // redis 다운로드 합니다. sudo wget http://download.redis.io/redis-stable.tar.gz // 다운로드한 redis 압축 해제합니다. sudo tar xvzf redis-stable.tar.gz // redis-stable 폴더 안으로 접근합니다. cd redis-stable // make 명령어를 이용하여 redis 파일을 실행 가능한 파일로 생성해줍니다. // 참고로 make 명령어는 Makefile에 정의된 내용을 수행합니다. sudo make ..

문제 vue-loader-v15 Not Found 오류가 출력되며 npm install, npm build 오류로 vue 프로젝트가 실행되지 않는 문제가 발생했습니다. 오류명 npm WARN old lockfile npm WARN old lockfile The package-lock.json file was created with an old version of npm, npm WARN old lockfile so supplemental metadata must be fetched from the registry. npm WARN old lockfile npm WARN old lockfile This is a one-time fix-up, please be patient... npm WARN old lo..

할 것 Vue3에서 port 변경해서 띄우기 환경 Vue3 Node v20.11.1 NPM v10.2.4 요약 1) 원하는 port로 애플리케이션 실행하는 명령어 만들기 2) 만든 명령어 실행해보기 해보기 1) 프로젝트/package.json에 원하는 port의 명령어 만들어 주기 2) Vue3는 package.json파일 "scripts" {} 란에 명령어를 직접 만들어 사용할 수 있습니다. "scripts": {} 안에 --port 5000이라는 원하는 포트의 명령어를 추가하여 새로운 명령어를 만들어줍니다. ex) "serve-port": "vue-cli-service serve --port 5000" 설명) port 5000으로 실행 시킬 수 있는 명령어를 serve-port라는 명령어 이름으로 만..

오류명 Component name "Button" should always be multi-word 오류 상황 // main.js import Button from 'primevue/button'; import Badge from 'primevue/badge'; const app = createApp(App) // component를 추가하려고 할 때 에러 발생 app.component('Button', Button) app.component('Badge', Badge) 환경 Vue3 Node v20.11.1 "devDependencies": { "@babel/core": "^7.12.16", "@babel/eslint-parser": "^7.12.16", "@vue/cli-plugin-babel": "..

오류 사항 Vue3 프로젝트를 실행 시켰는데 잠시 후 아래 오류가 발생했습니다. Uncaught runtime errors: ERROR Network Error AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:160:14) at Axios.request (webpack-internal:///./node_modules/axios/lib/core/Axios.js:54:41) 환경 Node v20.11.1 Vue3 Vue3에 axios lib 사용 중 Spring Boot 3 Java 17 원인 axios로 호출 한 Backend API에 CORS ..

환경 Windows 11 오류 상황 Windows 11에 Node.js를 설치하고 환경변수도 잘 적용되었고 cmd에 node 명령어가 정상 동작하는 것을 확인 후 IntelliJ를 열어서 IntelliJ 안에 있는 Terminal창에 node 명령어를 사용하려 할 경우 명령어 찾을 수 없다는 오류 발생. (우선 IntelliJ 기본이 PowerShell로 되어 있어서 CMD로 바꾸려고 함.) 해결 방법 1. IntelliJ 재부팅 2. IntelliJ의 PowerShell을 CMD로 변경하기 - IntelliJ에서 Terminal에 명령 프롬프트를 변경하는 방법은 두 가지가 있습니다. 하단 Terminal 오른쪽 화살표 클릭 후 원하는 명령 프롬프트를 선택합니다. [Tools] - [Terminal] -..