const pool = mysql.createPool({ host: process.env.MYSQL_HOST, port: process.env.MYSQL_PORT, user: process.env.MYSQL_USERNAME, password: process.env.MYSQL_PASSWORD, database: process.env.MYSQL_DB, connectionLimit: process.env.MYSQL_LIMIT, }); 위는 mysql용 pool 작성 코드이다. 서버를 가동후 Postman에서 쿼리를 날리면 계속 아래와 같은 에러가 발생하였다. 문제의 원인은 황당하게도 오타였다. MYSQL_PASSWORD를 MYSQL_PASSWORLD로 작성했던 것. PS C:\Users\J\Documents\..

PyQt5 설치 후 디자이너 사용을 위해 pyqt5-tools를 설치하려고 하였다. pip install pyqt5-tools PS C:\Users\rian\Documents\GitHub\rian-workspace\python-carmera-app> python -m pip install pyqt5-tools --user Collecting pyqt5-tools Using cached pyqt5_tools-5.15.4.3.2-py3-none-any.whl (29 kB) Collecting pyqt5==5.15.4 Using cached PyQt5-5.15.4.tar.gz (3.3 MB) Installing build dependencies ... done Getting requirements to bui..

CSV를 JSON으로 변환해야 하는 상황이 생겨 검색하다가 발견한 사이트이다. 여러 서비스들이 있었지만 여기가 가장 빠르고 간편했다. https://csvjson.com/csv2json CSV to JSON - CSVJSON Embed all the functionality of csvjson in any web application with Flatfile. Auto-match columns, validate data fields, and provide an intuitive CSV import experience. csvjson.com

[그림 1]과 같이 이미지 맵에서 툴팁을 사용하고자 하였다. 여기서 소개하고 있지 않은 방식으로 먼저 시도를 했었는데 붉은색으로 표시된 서클 세 곳에 각각 다른 툴팁이 표시되어야 하는데 같은 툴팁 하나만 표시되는 문제가 있어 검색 끝에 아래의 사이트를 찾게 되었다. https://codeconvey.com/responsive-image-map-with-hover/ Responsive Image Map with Hover Tooltip - Codeconvey In this tutorial, we'll create a responsive image map with hover tooltip using CSS and jQuery. Here you can download code for image map. cod..

이미지의 어떤 영역에 마우스를 올려놓으면 설명을 띄우거나 링크를 연결하고 싶었는데 map 태그로 쉽게 기능을 구현할 수 있었다. Image Map Generator 사이트에서 사용할 이미지를 업로드(Select Image from My PC) 한 후 해당 이미지의 부분만 설정해 주면 쉽게 선택에 부분의 좌표가 포함된 map 태그를 가져올 수 있다. https://www.image-map.net/ Free Online Image Map Generator Easy free online html image map generator. Select an image, click to create your areas and generate html your output! www.image-map.net 복사한 코드를..

바닐라 자바스크립트로 웹사이트를 만들고 있는데, 외부 HTML 파일을 가져와 화면에 렌더링 하고자 하였다. 이때 Ajax처럼 기존에 렌더링 된 화면은 그대로 두고 원하는 부분만 새로 렌더링 하고 싶었다. 결과적으로 적용한 코드는 다음과 같다. // ID에 렌더링 function openContent(htmlFileName) { const h = `` document.querySelector("#showContents").innerHTML = h; loadHtml(); // 외부 HTML 파일 로딩 호출 } // 외부 HTML파일 로딩 함수 function loadHtml() { window.addEventListener('click', function() { var allElements = documen..

1. 더미 데이터 생성 https://json-generator.com/ JSON Generator – Tool for generating random data Generate any random data you want with power of agile templates and save it to our servers for later use. json-generator.com 2. 언더스코어가 붙은 "_id" JSON Generator에서 생성한 더비 데이터를 가지고 JavaScript DOM 실습 중이다. 아래는 해당 더미 데이터 중 하나인데 아이디 키가 "_id"와 같이 언더스코어가 붙어있다. 대수롭지 않게 생각하고 실습을 진행 중이었는데 문제가 생겼다. { "_id": "632561efe6b7..

1. Install Visual Studio Code for Java VS Code에서 Java를 사용하기 위해서는 아래 URL에 접근하여 [그림 1]의 코딩 팩을 설치한다. 자바 코딩 팩 https://code.visualstudio.com/docs/languages/java#_install-visual-studio-code-for-java 2. Package 생성 Java Package 생성은 아래 그림을 따라 하면 된다. [그림 8]에서 com.dandy.java 패키지를 생성하였는데 생성 방법은 src 폴더에서 com 폴더 생성, com 폴더 안에서 dandy 폴더 생성, dandy 폴더 안에서 java 폴더 생성을 차례대로 해주었다. 이클립스에서는 기본적으로 패키지를 생성하면서 진행되는데 반해 ..