Maxima's Lab

안녕하세요, 오늘은 Modal Dialog 기능들에 대해서 커스터마이징 하는 방법에 대해서 알아보겠습니다. 해당 기능을 구현하기 위해 편의상 html, css, js 파일에 대해 다음과 같이 구성하였습니다. index.html style.css script.js 위 파일들로 구성된 결과 이미지에 대해서 먼저 보도록 하겠습니다. 먼저 index.html 코드는 다음과 같습니다. 모달 실행 × 사용자 정의 메시지를 입력하세요... 확인 취소 위의 코드에서 button은 총 3개로 구성되어 있으며, 다음과 같습니다. 모달 실행 확인 취소 이어서, style.css 코드는 다음과 같습니다. /* 모달 스타일 */ .modal { display: none; /* 기본적으로 숨김 */ position: fixed;..

안녕하세요, 오늘은 Vue.js 프레임 워크를 사용해서 간단판 그림판 기능을 구현하는 방법에 대해서 알아보겠습니다. 간단한 그림판 기능을 구현하기 위한 항목들은 다음과 같습니다. Canvas 그리기 모두 지우기 Pen 두께 증가 Pen 두께 감소 Vue.js 프레임워크를 활용하기 위해 프로젝트를 생성해줍니다. 생성된 프로젝트 내 src/App.vue 파일을 다음과 같이 수정해줍니다. 모두 지우기 두껍게 얇게 위의 코드의 결과로 실행한 초기 화면 결과는 다음과 같습니다. 위에서 모두 지우기, 두껍게, 얇게 버튼에 대한 기능 동작에 대한 script 코드에 대해서 자세히 설명드리겠습니다. 3가지 버튼에 대한 설명에 앞서, Canvas 위에 Pen으로 그리는 기능에 대한 설명입니다. initCanvas() {..

안녕하세요, 오늘은 Flask 애플리케이션에서 Blueprint 패키지를 활용하여 애플리케이션의 구성요소들 모듈화하고, current_app을 사용해서 config 구성요소에 접근하는 방법에 대해서 알아보겠습니다. /myapplication /main_1 __init__.py views.py /main_2 __init__.py views.py __init__.py app.py 위의 구조에서 /myapplication/main_1/.__init__.py 파일에 대해서 알아보겠습니다. # /myapplication/main_1/.__init__.py from flask import Blueprint main_1 = Blueprint('main_1', __name__, url_prefix='/main_1') ..

안녕하세요, 오늘은 Vue.js 프레임워크를 설치하고 실행하는 방법에 대해서 알아보겠습니다. 먼저, Vue.js를 설치하기 전 Node.js를 필수적으로 설치해야합니다. https://nodejs.org/en/download Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위의 링크를 통해 node.js를 설치 후 다음 명령어를 통해 설치된 Version을 확인합니다. node -v node.js 설치 후 이어서 Vue.js를 다음 명령어를 통해 설치합니다. npm install vue Vue 설치 후 이어서 Vue Cli를 설치합니다. npm install -g @vu..

안녕하세요, 오늘은 pymysql 라이브러리를 활용하여 MariaDB를 연동하는 방법에 대해서 알아보겠습니다. pymysql을 사용하기 위해 다음과 같이 해당 패키지를 설치합니다. pip install pymysql 위의 명령어를 통해 pymysql 라이브러리를 설치 후에는 다음 코드를 실행하여, Database 내 특정 Table의 모든 Columns들을 조회하는 방법에 대해서 알아보겠습니다. import pymysql database_N = 'database_temp' table_N = 'table_1' db_connection = pymysql.connect(host='localhost', user='...', password='...', db=f'{database_N}', charset='utf8..

안녕하세요, 오늘은 HeidiSQL을 설치 및 실행하는 방법에 대해서 알아보겠습니다. HeidiSQL은 다음 페이지에서 설치가 가능합니다. https://www.heidisql.com/download.php Download HeidiSQL Ads were blocked - no problem. But keep in mind that developing HeidiSQL, user support and hosting takes time and money. You may want to send a donation instead. Download HeidiSQL 12.5, released on 08 May 2023 Please disable your adblocker and reload the p www.hei..

안녕하세요, 오늘은 Windows에서 MariaDB를 설치 및 실행하는 방법에 대해서 알아보도록 하겠습니다. 먼저, MariaDB를 설치하는 방법은 다음 페이지에서 설치합니다. https://mariadb.org/download/ 위의 사이트에서 PC에 맞게 다운로드 후 해당 파일을 실행 시켜줍니다. 순차적으로 다음 단계로 넘어갑니다. 위의 설치 과정의 나머지 과정은 설치 완료시까지 진행해주시면 됩니다. (일부 생략) MariaDB 설치 완료 후에는 MySQL Client를 실행 후 설치 시 설정하였던 비밀번호를 입력해주시면 됩니다. 이어서, show databases; 명령어를 통해 databases 정보를 확인해볼 수 있습니다. 위의 과정을 통해 MariaDB가 정상적으로 설치되어 작동이 되는 것을 ..

안녕하세요, 오늘은 Mac Os에서 Django 내 가상 환경을 구축하는 방법에 대해서 알아보도록 하겠습니다. 먼저, 가상 환경들을 구축하기 위한 디렉토리를 생성 및 해당 경로로 이동해줍니다. mkdir virenvlist cd virenvlist 현재 virenvlist 경로에 있는 상태에서 가상 환경을 생성시켜줍니다. python -m venv "virtual environment name" 예시) python -m venv virenv_1 마지막으로 가상 환경을 활성화 시켜줍니다. 활성화를 위한 방법은 현재 경로에 따라서 2가지 방법을 사용할 수 있습니다. 1. 현재 경로 : virenvlist source virenv_1/bin/activate 2. 현재 경로 : virenv_1 source bi..