크롬 브라우저 ctrl + shift + C : 페이지 안에서 element를 찾을 수 있는 단축키

SASS 모듈 설치 npm install --save-dev node-sass sass-loader vue.config.js 작성 module.exports = { css: { loaderOptions: { scss: { additionalData: `@import "@/assets/scss/add.scss";` } } } } 사용할 component에서 로드 참고자료 https://k1005.github.io/2021/08/07/globally-load-sass-into-vuejs-app/ Vue.js 애플리케이션에 SASS를 전역적으로 로드하기 Vue.js 애플리케이션에 SASS를 전역적으로 로드 https://vueschool.io/articles/vuejs-tutorials/globally-loa..

1. div 태그 가로/세로 중앙-가운데-정렬 flex 사용시 : div태그의 경우 flex와 margin으로 가운데 정렬할 수 있다. .outer { display: flex;}.inner { margin: auto;} grid 사용시place-items: center;display: grid; 출처https://hianna.tistory.com/675 2. Tailwind의 경우 flex 또는 grid를 이용flex flex-col align-centergrid place-items-center 출처https://eight20.tistory.com/532024-09-27 추가3. 가로/세로 가운데 정렬 4가지 방법(최종) Button Button Button Button

AM, PM | 시분초 | 연월일 시분초, 년월일은 문자열 타입으로 변경하고 padStart로 2자리로 표시하였다. 시간은 12시간으로 표시되도록 하였다. export default { components: {}, data() { return { ampm: '', time: '', date: '' } }, created() { setInterval(() => this.getNow(), 1000) }, methods: { getNow() { const date = new Date() // 오전, 오후(AM, PM) 표시 this.ampm = date.getHours() >= 12 ? 'PM' : 'AM' // 시분초(00:00:00) 표시 this.time = `${String(date.getHours()..

text-align, display, vertical-align을 이용해 보더 정중앙에 텍스트 배치 [그림 1]의 겉뚜껑 카드 안에 "정상, 대각선"을 그려 넣고자 했다. 보더 안에 텍스트를 넣는 것은 어렵지 않았다. 하지만 보더 안의 정중앙에 글자를 배치하기 위해서는 몇 가지 설정을 더 해줘야 했다. 아래 코드에서 주석에 해당하는 부분을 참고하자! .card-message-wrap { height: 40px; width: 40px; border-style: solid; border-width: thin; border-radius: 50%; /* 이하 텍스트 중앙 배치 코드 */ text-align: center; display: table-cell; vertical-align: middle; } bac..

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