티스토리

여씨의 개발이야기

검색하기

블로그 홈

여씨의 개발이야기

yeoossi.tistory.com/m

안녕하세요 여씨입니다 ㅋ

구독자: 1

방명록 방문하기

주요 글 목록

[Today's Bug(Nginx)] proxy_pass가 안 먹혀요... 📢 이 버그 좀 보세요! 버그 다시 띄우기 귀찮아요.... 대략 상황을 정리하자면, 서버는 AWS 사용중, BE: Spring boot(REST API로 호출 예정), FE: Vue.js 3, web server: Nginx 사용중에 Vue에서 REST 방식으로 api를 호출할 예정이었다. 대충 다른 블로그 참고하면서 이런 저런 세팅하는데 CORS 오류도 나고요 404에러도 나고요... 도대체 어찌합니까..? 처음 local과 nginx 세팅은 아래와 같다. local에서 실행시 (vue.config.js 세팅. pathRewrite 아래와 같이 적어줘야 함.) const { defineConfig } = require("@vue/cli-service"); module.exports = defineCon.. 공감수 2 댓글수 3 2024. 2. 28.
[Today's Bug (Jenkins)] A problem occurred configuring root project 'dbti_api' 📢 이 버그 좀 보세요! jenkins로 spring boot 프로젝트 배포도중에 에러가 발생함 A problem occurred configuring root project '프로젝트명' 🐞 버그가 나타난 이유? spring boot gradle plugin은 java17에서 돌아가기 때문에 이러한 오류가 났다고 함. 🕸 어떻게 이 버그를 잡을까? 개발환경 : ubuntu 22.04 sudo update-alternatives --config java 입력 후, 업그레이드 할 java를 선택하면 됨. 필자는 type selection number를 0이라고 입력해서 0번째 path로 설정했다. No VM guests are running outdated hypervisor (qemu) binaries .. 공감수 1 댓글수 0 2024. 2. 7.
[Today's Bug (Nginx)]nginx build file 경로 지정 및 서비스 포트 설정 중 nginx: [emerg] unknown directive "location/" in /etc/nginx/conf.d/default.conf 📢 이 버그 좀 보세요! nginx에 build file 경로 지정 및 서비스 포트 설정 중... build file 은 이 분 참고 https://zakelstorm.tistory.com/133 $ cd /etc/nginx/conf.d $ vim default.conf //아무 이름이나 만들어도 된다. // default.conf에 다음내용을 입력한다. server { listen 80 default_server; listen [::]:80 default_server; root /var/lib/jenkins/workspace/asdfeeeee/dist; index index.html index.htm; server_name _; location/{ try_files$uri $uri/ /index.htm.. 공감수 0 댓글수 0 2024. 2. 3.
apt 설치 도중 에러 dpkg: error processing package openssh-server (--configure)" on apt install 📢 이 버그 좀 보세요! apt 를 이용해 nginx를 설치하던 도중 위와 같은 에러가 났음. dpkg: error processing package openssh-server (--configure)" on apt install 🐞 버그가 나타난 이유? 우분투 15.04 버전 이후로 의존성 관련 내용이 바뀌어 발생하는 버그(?)라고 한다. 🕸 어떻게 이 버그를 잡을까? 1. dpkg경로로 이동한다 cd /var/lib/dpkg 2. 파일을 삭제한다.(백업) sudo mv info info.baksudo 3. 파일을 다시 작성한다. mkdir info 공감수 1 댓글수 0 2024. 2. 3.
[Today's Bug (Jenkins)] ubuntu에 Jenkins설치시 E: Package 'jenkins' has no installation candidate 에러 📢 이 버그 좀 보세요! ubuntu에 Jenkins설치하려니 아래와 같은 에러가 발생했다. E: Package 'jenkins' has no installation candidate 🐞 버그가 나타난 이유? jenkins key가 23년 이후로 변경되었다고 한다. 🕸 어떻게 이 버그를 잡을까? sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo sudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io-2023.key -- 또는 curl -fsSL https://pkg.jenkins.io/debian/jenkins.io-2023.k.. 공감수 1 댓글수 0 2024. 2. 2.
[Today's Bug (Ubuntu)] sudo apt-get update 시 NO_PUBKEY 에러 📢 이 버그 좀 보세요! ubuntu 에서 문서 수정 후 apt-get update 시 NO_PUBKEY 에러가 났다. 🐞 버그가 나타난 이유? keyserver에 아래와 같이 등록해줘야 한다. 🕸 어떻게 이 버그를 잡을까? sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys [PUBKEY] sudo apt-get update 공감수 1 댓글수 0 2024. 2. 2.
[Today's Bug (Jenkins)] jenkins git unable to access ... the requested URL returned error 403 젠킨스 빌드 오류 📢 이 버그 좀 보세요! 젠킨스에서 빌드가 계속 안 됨 이 미친놈 도대체 머지...? 🐞 버그가 나타난 이유? 콘솔을 보아하니 아래와 같은 이유 때문이다. 느낌이 쎄...하다 레포지터리가 안 잡히는 거 보아하니 토큰이 잘못된 거 같다. 🕸 어떻게 이 버그를 잡을까? 알고보니 github의 personal access tokens(https://github.com/settings/tokens/new)에서 classic 버전을 받아야하는 것이었다. 이후 repo, admin:repo_hook 을 체크해준 뒤 생성한 token값을 복사한다.(복사 꼭 해야 함 한 번만 보여줘요 ㅠ) 다음에는 jenkins 대시보드 > jenkins 관리 > credentials > system > global credentia.. 공감수 1 댓글수 0 2024. 2. 2.
[Vue] Component name "Discount" should always be multi-word vue/multi-word-component-names 코딩중 eslint 에러가 출력되었다. error Component name "Discount" should always be multi-word vue/multi-word-component-names 해당 에러는 어느 순간부터 뷰 업데이트가 된 이후 컴포넌트 이름이 2단어 이상으로 작명해야해서 발생하는 에러라고 한다. DiscountBanner.vue 이런 식으로 2단어 이상으로 작명하면 된다고 한다. 이게 싫다면 package.json 파일 열어서 "rules" 라는 항목에 "rules": { "vue/multi-word-component-names": "off" } 또는 vue.config.js 파일 열어서 "module.exports = defineConfig" 항목에 module.exports .. 공감수 0 댓글수 0 2024. 1. 25.
[Today's Bug (JS)] SyntaxError: Illegal continue statement :no surrounding iteration statement 📢 이 버그 좀 보세요! Illegal continue statement :no surrounding iteration statement 라는 오류가 발생하였다. 🐞 버그가 나타난 이유? 아래 소스에서 함수 내에 continue를 넣어 발생한 오류였다. $('.base-data').each(function(index,item){ ... if(bdGroupCode[1] == 'MSDI_START_HOUR') { ... continue; } else if(bdGroupCode[1] == 'MSDI_START_MIN') { ... } else if(bdGroupCode[1] == 'MSDI_END_HOUR') { ... continue; } else if(bdGroupCode[1] == 'MSDI_END_MI.. 공감수 0 댓글수 0 2022. 9. 13.
[Today's Error (Spring boot)] spring boot dashboard에서 프로젝트가 안 보이는 경우 📢 이 오류 좀 보세요! 필자는 vscode에서 spring boot dashboard를 사용중이다. 현재 Java + Vue 프로젝트를 제작하고 있는데, 프로젝트명이 바뀌면서 전체 파일들과 폴더부터 시작해 변수 prefix까지 이름을 바꿔야 할 일이 생겼다. 바꾸는 도중에 갑자기 해당 프로젝트가 spring boot dashboard에서 사라져버렸다. 🐞 오류가 나타난 이유? spring - maven 프로젝트는 또 안에 자식 프로젝트가 여러개가 있을 경우 pom.xml의 groupId로 프로젝트들을 그룹핑한다. 그런데 필자는 파일들마다 특정 텍스트를 바꿨는데 groupId도 예외였을까? 물론 아니다. 🕸 어떻게 이 오류를 잡을까? 결론적으로, parent의 groupId, 해당 프로젝트의 groupI.. 공감수 2 댓글수 0 2022. 2. 17.
[Today's Bug (React)] react에 dotenv 적용시 Cannot find module 'fs' 오류 📢 이 버그 좀 보세요! 토이 프로젝트에서 .env 파일을 숨겨야 한다는 것을 잊고 있어 뒤늦게 적용시키는 과정에서 난관에 봉착하였다. 숨기는 과정에서 dotenv를 설치해 적용해야한다는 말을 듣고 import dotenv를 한 뒤에 dotenv.config()까지 했는데 프로젝트를 실행하려니 이러한 에러가 생기는 것이었다. 🐞 버그가 나타난 이유? 정말 간단한 문제였다. 해당 프로젝트는 create-react-app을 통해 생성한 react 앱인데, CRA를 통해 생성할 경우에는 당연히 dotenv를 내장한 채로 생성되기 때문에 굳이 위와 같은 import - 소스 적용 과정이 따로 필요없기 때문에 나타나는 에러였다. 🕸 어떻게 이 버그를 잡을까? 별다른 방법이 필요없이, 소스에는 import dote.. 공감수 3 댓글수 0 2022. 2. 10.
[Today's Bug (Vue)] Redirected when going ... via a navigation guard 📢 이 버그 좀 보세요! 🐞 버그가 나타난 이유? 구글링을 해보니 특정페이지에서 다른페이지로 넘어갈 때 조건이 불충족해서 다시 이전 페이지로 이동할 경우에 중복이 되어서 Redirect가 된다는 원인이 많았다. 하지만 필자는 같은 레벨의 페이지로 이동할 경우에 발생하는 에러로 보여졌다. 🕸 어떻게 이 버그를 잡을까? 위의 오류에서 /roleManagement 에서 /roleManagementCreate로 이동할 때 같은 레벨로 이동하는 것이 아니라 /roleManagement/create로 이동하도록 path를 수정해주니 정상적으로 작동하였다. 이 경우가 아닐 경우 router.push.catch()와 같이 뒤에 catch문을 넣어주면 정상적으로 작동한다는 이야기도 있다. 추후에 다른 원인들도 추가로 업.. 공감수 0 댓글수 0 2022. 2. 3.
[Firestore + React]Uncaught (in promise) TypeError: n.indexOf is not a function 📢 이 버그 좀 보세요! 필자는 firestore에 문서를 삽입(setDoc)하는 과정에서 위와 같은 에러를 접하게 되었다. 🐞 버그가 나타난 이유? 구글링을 했을 때는 async, promise 관련 에러로 보였으나, 에러가 난 아래의 소스를 확인해 본 결과 말 그대로 type error였다. setDoc을 할 때 document의 id는 무조건 String형 데이터를 입력해야하나, Number형 데이터가 들어가고 있었던 것이다. const getProfile = async () => { try { const database = getFirestore(firebase); // firestore 접근 // Kakao SDK API를 이용해 사용자 정보 획득 let data = await window.Ka.. 공감수 0 댓글수 0 2022. 1. 27.
[Vue] Cannot read properties of undefined (reading '$router') 📢 이 버그 좀 보세요! let self = this; axios.post(process.env.xxxxx + '/user/update/adminPortal', self.xxxx) .then(function (res) { this.getData(); this.$router.push("/userList"); //$("#updateModal").modal('hide'); }) .catch(function (error) { console.log('Submit Failed', error) }) 위와 같이 axios.post 내에서 router.push를 하면 Cannot read properties of undefined (reading '$router') 에러가 뜬다. 🐞 버그가 나타난 이유? 참조 : htt.. 공감수 0 댓글수 0 2022. 1. 24.
[Today's Bug] Cannot read properties of undefined (reading 'xxx') 📢 이 버그 좀 보세요! 다른 페이지에서는 잘 돌아가는 toDate 함수가 갑자기 properties를 찾을 수 없다며 오류가 났다. 구글링해보니 제일 많이 발생하는 오류 top 10에 속한다고 한다. 🐞 버그가 나타난 이유? 처음 페이지가 마운트 될 때 View의 props는 undefined 상태이기 때문에 undefined.toDate()가 properties of undefined 에러가 떴다. 🕸 어떻게 이 버그를 잡을까? &&연산자를 이용하자. &&을 통해 props를 통해 받은 값의 유무를 체크한 뒤에 아래 소스에서 selectedValue.grt_date가 undefined일 경우에는 뒤에 toDate()함수를 타지 않도록 처리한다. function View(props) { const { .. 공감수 0 댓글수 0 2022. 1. 19.
[Today's Bug] Import in body of module; reorder to top import/first 📢 이 버그 좀 보세요! 🐞 버그가 나타난 이유? 위 버그는 모듈을 모두 import하기 전에 변수나 상수를 선언할 경우 발생하는 버그였다. 아래는 버그가 발생한 코드이다. import firebase from '../firebase'; import { getFirestore, collection, addDoc, serverTimestamp } from "firebase/firestore"; const database = getFirestore(firebase); //정보가 올바르면 아래 파이어스토어 접근 import Auth from "./auth"; function MainPage() { 🕸 어떻게 이 버그를 잡을까? import문 다음에 변수/상수를 선언해주자. import firebase from.. 공감수 0 댓글수 0 2022. 1. 13.
[Today's Bug] Too many re-renders. React limits the number of renders to prevent an infinite loop 📢 이 버그 좀 보세요! 🐞 버그가 나타난 이유? 구글링을 해보니 해당 버그가 발생하는 이유는 render가 되는 과정에서 state를 변화하는 function이 있다면 re-render가 반복적으로 일어나 Too many re-render 버그가 뜨는 것으로 확인됐다. handleClickOpen 함수안에서 state 상태값을 변경하는 함수가 있다. 즉, props를 통해 전달받은 변수를 setState에 넣을때 무한루프가 걸린다고 보면 된다. ... const handleClickOpen = (value) => { setOpen(true); setSelectedValue(value); }; ... // onClick 이벤트내의 handleClickOpen함수가 바로 리랜더링을 유도하는 함수였다. {c.. 공감수 0 댓글수 0 2022. 1. 10.
[Today's Bug] Each child in a list should have a unique "key" prop. 📢 이 버그 좀 보세요! 배열로 된 데이터를 map을 이용해서 뿌려줄 때 위와 같은 오류가 났다. 🐞 버그가 나타난 이유? map으로 데이터를 뿌려주는데 unique한 키값이 없어서 나는 오류이다. 맵 리스트 데이터는 고유한 키값이 꼭 있어야 한다. 🕸 어떻게 이 버그를 잡을까? 당연 키값을 만들어주면 된다. firestore의 document의 id를 배열에 추가해주었다. const fetchCard = async () => { const database = getFirestore(firebase); //정보가 올바르면 아래 파이어스토어 접근 const q = query(collection(database, "users/SUE3vmEn1CixjZiBBxZZ/greetings")) getDocs(q).t.. 공감수 0 댓글수 0 2022. 1. 10.
[Today's Bug] Could not reach Cloud Firestore backend. Connection failed 1 times. Most recent error: FirebaseError: [code=permission-denied]: Permission denied on resource project "xxxxxxxxx".This typically indicates that your device does not have a he.. 📢 이 버그 좀 보세요! firestore를 연결하는데 계속 permission denied 에러가 떴다. 로그를 자세히 뿌려주지 않아서 구글링하는대로 AtoZ 방법을 모두 적용해보았으나 전혀 해결이 되지 않았다. (물론 firestore 규칙도 다 수정해주었다.) 🐞 버그가 나타난 이유? 말 그대로 permission 문제인데, firestore의 규칙 설정을 안 해줬을 때 제일 많이 생겨나는 오류라고 한다. 하지만 필자의 경우는 달랐다. 몇 시간동안 머리를 싸매고 소스코드를 이 곳 저 곳 수정해 본 결과 결국 문제의 원인은 가장 가까운 곳에 있었다. 바로 설정값이 들어있는 .env 파일의 값을 인식을 못 하는 것이었다. 🕸 어떻게 이 버그를 잡을까? .env 파일안에 있던 config 값을 바로 입력.. 공감수 2 댓글수 2 2021. 12. 31.
[Today's Bug] Local package.json exists, but node_modules missing, did you mean to install? 📢 이 버그 좀 보세요! 기존에 만들어져있는 Vue 프론트엔드 소스를 build하는 과정에서 위와 같은 오류가 났다. 🐞 버그가 나타난 이유? "Local package.json exists, but node_modules missing, did you mean to install?" 해석한 그대로 package.json이 있지만, node_modules 파일이 존재하지 않아 생긴 에러다. 🕸 어떻게 이 버그를 잡을까? node_modules를 설치해주면 위의 에러를 잡을 수 있다. > npm install ... -- 설치 뒤에 > npm run build -- 정상 작동함 공감수 1 댓글수 0 2021. 12. 29.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.