목록분류 전체보기 (140)
HEROJOON 블로그(히로블)
[Vue warn]: Avoid using non-primitive value as key, use string/number value instead. 에러
오류 [Vue warn]: Avoid using non-primitive value as key//, use string/number value instead. 오류 원인 v-bind:key 값에 object형이 들어가서 오류 발생. 위 경고 내용을 보면 string이나 number 값을 사용하라고 함. 해결 for문에 index값을 추가하고 v-bind:key에 index값을 지정해주어 해결.
vue 프로젝트에서 API 호출하기 (Vue 버전 2)
목표 vue 프로젝트에서 API 호출을 위한 axios plugin을 설치하고, API를 호출해봅니다. axios는 Http Call을 위한 기능을 제공해주는 npm plugin 입니다. 해보기 1. axios plugin 설치 axios URL: https://www.npmjs.com/package/axios # vue프로젝트에서 아래 명령어로 axios를 설치해줍니다. npm i axios 2. vue 프로젝트에서 axios를 사용하기 위하여 main.js에 axios import하기 import axios from 'axios' Vue.use(axios) 3. axios를 전역으로 사용하기 위해 설정 Vue.prototype.$axios = axios 4. vue component에서 axios를 ..
vue 프로젝트 포트 변경하기 (Vue 버전 2)
// vue 프로젝트 포트 정보 파일 위치 vue 프로젝트 - config 폴더 - index.js 파일 아래 port 정보를 원하는 포트로 변경하시면 됩니다.
vue-cli 설치 및 vue 프로젝트 생성 (Vue 버전 2, 3)
선행되어야 할 것 NPM 명령어를 사용하기 위해서 Node를 설치해줍니다. Node 설치 시, NPM도 함께 설치됩니다. Node 설치 URL: https://nodejs.org/ko vue-cli란? Vue Command Line Interface (Vue 명령줄 인터페이스) 입니다. vue-cli 명령어를 이용하여 Vue 프로젝트 생성시 설정할 수 있는 옵션들을 쉽게 셋업할 수 있고, 빠르게 Vue 프로젝트 구성을 할 수 있습니다. Vue 버전 2 1. [Vue 2] vue-cli 설치하기 # vue-cli 설치 (vue 터미널 명령어를 사용하기 위해서 설치합니다.) npm install -g vue-cli # vue-cli 설치 확인 vue --version # 만약 설치한 vue-cli를 제거하고..
// docker container 조회 docker container ls // docker container 로그 확인 docker logs 컨테이너ID
// docker container 조회 docker container ls // docker container 종료 docker rm -f 컨테이너ID
kafka error handler사용하기
환경 Framework : Spring Boot 2.6.6 Build : Gradle 6.5.1 JDK : JDK11 로컬 환경에 kafka 미리 설치 및 실행하고 아래 코드 테스트 진행하였습니다. kafka 설치 참고: https://herojoon-dev.tistory.com/118 windows에 kafka 설치하기 0. 요약 저의 설치 환경: Windows 11 1) windows 설치를 위한 kafka 다운로드 받습니다. 2) kafka 폴더에는 zookeeper, kafka 실행을 위한 bat형식의 배치파일과 zookeeper, kafka config파일이 들어 있습니다. 3).. herojoon-dev.tistory.com 목표 consumer 오류 발생 시 error handler를 사용하..
kafka 메시지 보내기
환경 Framework : Spring Boot 2.6.6 Build : Gradle 6.5.1 JDK : JDK11 로컬 환경에 kafka 미리 설치 및 실행하고 아래 코드 테스트 진행하였습니다. kafka 설치 참고: https://herojoon-dev.tistory.com/118 windows에 kafka 설치하기 0. 요약 저의 설치 환경: Windows 11 1) windows 설치를 위한 kafka 다운로드 받습니다. 2) kafka 폴더에는 zookeeper, kafka 실행을 위한 bat형식의 배치파일과 zookeeper, kafka config파일이 들어 있습니다. 3).. herojoon-dev.tistory.com 목표 kafka producer로 메시지를 보내고 consumer로 ..