세상 버그 다 겪는 월야

const { remote } = require('electron'); const dbInstance = remote.getGlobal('db'); 위처럼 일렉트론 nedb 좀 이용해볼려하는데 getGlobal 에서 계속 에러가 발생. 여러 삽질 끝에 해결방법 끝끝내 찾아내지못하고 혹시나 버전 문제일까 싶어서, 일렉트론 버전 15.3.0 으로 되어있던거 , 12.0.0 으로 바꿔서 yarn install 진행하니 정상작동 확인완료. 실화냐?

경험 토대로 , 잊어먹지 않고자 메모 1. Build Path, JDK 버전 맞추기 기존에 개발되었던 JDK 버전으로 잘 맞춰주자 다른 PC 에서 import 할경우엔 더더욱 2. STS 혹은 이클립스 경로에 한글 없게하자 경로에 한글이 껴있다면 빼주도록 하자, 디펜던시 읽어올때 오류 날수도 있다 ( 내 경우엔 그랬음 ) 3. Maven 이나 Gradle 일 경우 Refresh 필수 프로젝트 우측 클릭 Gradle 메뉴가 보이지 않을경우 Configure 에서 Gradle 선택하고나면 보인다. 4. lombok 에러 날 경우 직접 jar 파일 실행해서 아래 처럼 Install 해주면 된다. 만약에 sts 나 이클립스 경로에 한글 껴있으면 아래 처럼 install 해줘도 ini 파일이 꼬여서 아예 툴이 실..

양 옆에 화살표가 있고 기본값으로 오늘 날짜의 데이터를 출력해주는 게시판이 있었는데 양옆의 화살표는 당연히 이전날, 다음날 데이터를 조회할수있다 해당 기능 리액트로 구현해보았다. React-icons react-icons 을 사용하여 화살표를 사용했고 , react-icons 는 아래 링크에서 자세한 설치 방법 및 사용방법을 알수있다. https://react-icons.github.io/react-icons/ 검색해서 사용하고 싶은 아이콘 뭐든지 import 하고 from "react-icons/아이콘명 앞두글자"; 하면되는데 간혹 안되는 아이콘들이 있는점 참고 useState 변수선언하는 부분, 첫번째가 사용할 변수 이름, 두번째는 set(대문자)~~ 예시 ) test 라 정했다면 setTest 기존..

웹 사이트 환경은 톰캣5에 jsp 1.8 DB 랑 관련이 있는지는 정확히 모르겠으나... 아니겠지 설마... mariaDB charset 을 utf8에서 utf8mb4 로 변환하자마자 DB 연동되있는 페이지들이 계속 새로고침할때마다 툭하면 404 에러가 뜨면서 아래처럼 톰캣 에러로그가 찍히는게 확인이 되었다. 9월 30, 2021 11:24:44 오후 org.apache.catalina.core.StandardWrapperValve invoke 심각: Servlet.service() for servlet jsp threw exception org.apache.jasper.JasperException: Unable to compile class for JSP An error occurred at line:..

바로 전 포스팅에서 utf8 => utf8mb4 변환 방법을 소개했다. https://bug41.tistory.com/141 [Mysql/MariaDB] Insert 에러 Incorrect string value: '\xF0\x9F\x91\xB7\xF0\x9F...' for column \xF0\x9F\x98\x81 \xF0\x9F\x98\x82 \xF0\x9F\x98\xA4 이게 뭔데 에러가 나는가 ? 흔히들 우리 휴대폰에서 자주 쓰는 "이모지 😁 😤" 가 유니코드화 된것. 4byte 로 구성되있음 UTF-8 문자 집합은 1~4 바이트까지.. bug41.tistory.com 근데 그건 일단 my.cnf 에서 설정을 한거고, 기존에 있는 DB 들 테이블들 charset 이 바뀐건 아니다. 암만 서버쪽 m..

리액트 프로젝트가 이미 생성되어있다는 가정하에 진행 concat 기존 배열 토대로 변경한 새 배열이 반환된다. 기존 배열은 바뀌지않음. map 약간 forEach 같은 느낌, 배열의 각각 요소에 대해서 조건에 따라 맞춰서 새로운 배열을 반환함 예 ) [1,2,3,4] 라는 배열 하나 있다치면, map( a => a * 10) ; 를 해줬을때 [10,20,30,40] 됨 filter 말그대로 필터링, 조건을 통과한 요소만 모아서 새로운 배열을 반환 IterationSample.js import React, { useState } from 'react'; const IterationSample = () => { //데이터 설정 const [names, setNames] = useState([ { id: 1,..

\xF0\x9F\x98\x81 \xF0\x9F\x98\x82 \xF0\x9F\x98\xA4 이게 뭔데 에러가 나는가 ? 흔히들 우리 휴대폰에서 자주 쓰는 "이모지 😁 😤" 가 유니코드화 된것. 4byte 로 구성되있음 UTF-8 문자 집합은 1~4 바이트까지 저장이 가능하게 설계가 되어있지만, MySql/MariaDB 에서의 UTF-8 은 3바이트 자료형으로 설계가 되었기 때문에, 최근에 나온 4바이트 문자열을 저장하려고 하면 에러가 발생하게됨 그래서 해결방법은 ? Mysql 버전 5.5.3 이후에서부터 데이터베이스 chartset을 utf8 을 utf8mb4 로 변경해주면 문제를 해결할수 있음. ** Linux - mariadb 설정파일의 경우 대부분 /etc/my.cnf 에 위치, cnf 같은 파일 ..

java.io.IOException: HTTPS hostname wrong: should be at sun.net.www.protocol.https.HttpsClient.checkURLSpoofing(HttpsClient.java:524) at sun.net.www.protocol.https.HttpsClient.afterConnect(HttpsClient.java:448) at sun.net.www.protocol.https.AbstractDelegateHttpsURLConnection.connect(AbstractDelegateHttpsURLConnection.java:166) at sun.net.www.protocol.http.HttpURLConnection.getOutputStream(HttpUR..

통상 리액트 자체서버 포트는 3000 이라 다른 포트 (ex. 백엔드) 에서 값 전달하려고하면 CORS 이슈가 발생한다. 그때 해결할수있는 방안으로는 package.json 추가 "proxy": "http://localhost:8080", createProxyMiddleware 이용 yarn add http-proxy-middleware 리액트 프로젝트 src 폴더 내에 setupProxy.js 생성 후 아래처럼 기재 const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = (app) => { app.use(createProxyMiddleware('/api', { target: 'https://APIURL.co..

Prettier 코드 스타일 자동정리 (최상위 디렉토리 위치 파일생성 .prettierrc) { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80 } vscode 자동 불러오기 기능 최상위 디렉토리 위치 파일생성 jsconfig.json { "compilerOptions": { "target": "es6" } } # axios 사용시 yarn add axios # styled-components 사용시 yarn add styled-components