두 개 이상의 값 변경 감지둘 이상의 값에 대한 변경을 감지하여 하나의 값이라도 변경이 일어나면 특정 메서드를 실행하는 코드가 필요했다. 아래 코드는 computed에 임의로 정의한 data1(), data2()의 반환 값을 watch에서 감지하여 둘 중 값이 하나라도 변경되면 동일한 handleUpdate() 함수가 호출되도록 작성한 것이다. 주의할 점은 감시하는 값이 객체인 경우에는 "deep" 속성을 추가해야 변경을 감지할 수 있다.computed: { data1() { return this.$store.state.data1; // vuex 상태 값1 }, data2() { return this.$store.state.data2; // vuex 상태 값2 }},watch: { d..

1. 새로운 테이블 추가 후 발생한 에러 해결😉 새로운 칼럼 또는 테이블 추가 방법 : https://postforty.tistory.com/473parent: Error: Unknown column 'createdAt' in 'field list'새로운 테이블을 추가하기 위해 모델 파일을 추가하면 init-models.js에 테이블에 대한 관계 설정을 해줘야 하는데 직접 진행하면 고생스럽다. 그래서 sequelize-auto로 DB 스키마의 모든 내용을 모델 파일로 가져오는 방법을 사용하면 편리하다. 이때 DB를 수정하지 않기 때문에 데이터 손실을 걱정하지 않아도 된다.npm install -g sequelize-auto # 설치하기# 사용 예제sequelize-auto -o "./models" -d..

Uncaught (in promise) TypeError: filteredFacilities.forEach is not a function 에러는 데이터가 배열이 아닌 다른 타입(예: undefined 또는 null)이어서 발생하는 에러이다. forEach는 배열에서만 사용 가능한 메서드이기 때문에, 데이터가 배열이 아닐 경우 이 오류가 발생한다.해결 방법은 아래 코드와 같이 isArray() 배열 메서드를 이용해 데이터가 배열 타입인지 확인하고 배열이 아니면 빈 배열([])이 평가되도록 한다.const result = Array.isArray(arr) ? arr : [];

1. Java 버전 스크립트 작성여기서는 Java 11, 17 버전을 각각 사용할 수 있게 해 주는 스크립트를 작성하였다. 다른 버전도 얼마든지 적용할 수 있다. "JAVA_HOME"에 실제 해당 버전의 Java가 설치된 경로를 지정해야 한다. 1) Java 11 버전 적용 스크립트 작성@echo offset JAVA_HOME=C:\Program Files\Java\jdk-11set Path=%JAVA_HOME%\bin;%Path%echo Java 11 activated.java -version메모장에서 위 스크립트를 작성한 후 "C:\Program Files\Java" 경로에 "java11.bat"라는 형식으로 저장한다. 2) Java 17 버전 적용 스크립트 작성@echo offset JAVA_HOM..

1. 화면에 렌더링 된 테이블 페이지 오버플로우 문제jsPDF를 이용해 웹 화면을 PDF로 내보내기 기능을 구현했다. 에러 없이 작동하였으나 [그림 1]과 같이 페이지 오버플로우로 그림이 잘린 경우 앞 페이지 하단, 뒷 페이지 상단 여백이 전혀 없는 pdf 파일이 생성되었다. 2. canvas 이용하여 해결페이지 오버플로우가 발생할 경우 이미지를 페이지 크기로 잘라 새로운 캔버스에 그리고 새로운 캔버스를 PDF에 추가하는 방식으로 해결하였다. [그림 2]는 최종 결과물이다. 작성한 전체 코드는 아래와 같다.import jsPDF from 'jspdf';import font from './font/NanumGothic-normal';import { format } from 'date-fns';const P..

1. 데이터 손실 없이 칼럼 추가 가능? 시퀄라이즈(Sequelize)는 DB 작업을 쉽게 할 수 있도록 도와주는 ORM 라이브러리이다. 시퀄라이즈는 모델을 통해 DB 테이블과 칼럼을 자동으로 생성해 준다. 기존 테이블에 칼럼을 추가할 경우 해당 테이블의 데이터에 손실이 발생할 수 있다. 여기에서는 데이터 손실 없이 칼럼을 추가하는 방법을 알아본다. 2. Node.js 프로젝트 생성2.1. 프로젝트 생성npm init 2.2. express 설치노드 서버를 구동하기 위해 설치한다.npm install express --save😉 공식 문서 : https://expressjs.com/ko/starter/installing.html 2.3. nodemon 설치프로젝트 코드 수정 시 자동으로 서버를 재시작하..

1. my.ini 찾기win + r 키를 눌러 실행창이 활성화되면 "services.msc"를 입력한다.  2. only_full_group_by 비활성화기존에 작성되어 있는 sql_mode를 주석 처리한 후 아래의 코드를 복붙 한다.sql_mode="STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION" 3. MySQL 다시 시작 ✔️ 참고한 자료 : http://www.koreaoug.org/dbms/8354✔️ 리눅스의 경우 링크의 5-5 참조 : https://postforty.tistory.com/437

1. 설치 파일 다운로드마이크로소프트 깃허브에서 설치 파일을 다운로드할 수 있다.😉링크 : https://github.com/microsoftarchive/redis[그림 1]에서 Releases를 클릭하면 다운로드 가능한 파일 리스트를 확인할 수 있다. [그림 2]의 리스트에서 msi 파일을 다운로드 후 설치하면 된다.  2. redis 서버 작동 확인netstat, tasklist 명령을 이용해 아래와 같이 출력된다면 redis 서버가 6379 포트로 정상 작동 중인 것이다.2.1. cmd에서 netstat 명령으로 6379 포트 사용 여부 확인>netstat -ano | findstr :6379 TCP 0.0.0.0:6379 0.0.0.0:0 LIS..