Maxima's Lab

안녕하세요, 오늘은 Docker Image를 로컬에 저장하고 저장된 Docker Image에 대해 로드 하는 방법에 대해서 알아보겠습니다. 먼저, Docker Image를 로컬에 저장하기 위해 현재 보유하고 있는 Docker Image 목록을 확인합니다. docker images docker 이미지를 저장하기 위해서 다음 같은 명령어를 사용할 수 있습니다. docker save -o .tar docker save -o vuedocker_save.tar vuedocker:latest 위의 명령어를 통해 "vuedocker:latest" Docker Imagerk vuedocker_save.tar 파일의 형태로 저장되게 됩니다. 이어서, 로컬에 저장된 docker 이미지를 불러오기 위해서 다음 같은 명령어를..

안녕하세요, 오늘을 Dockerfile를 사용해서 Vue.js 프로젝트를 실행하는 방법에 대해서 알아보겠습니다. 먼저, Vue.js 프로젝트를 생성합니다. vue create vuedocker --no-git 이어서, 해당 디렉토리로 이동 후 다음과 같은 코드를 사용해서 Dockerfile을 생성합니다. cd vuedocker touch Dockerfile 위의 코드를 통해 생성된 Dockerfile을 다음과 같은 코드로 작성합니다. # Docker 이미지를 구성하기 위해 베이스 이미지로 Node.js의 최신 버전을 사용 FROM node:latest # 컨테이너 내부에서 /app 디렉토리를 작업 디렉토리로 설정 WORKDIR /app # package.json 및 package-lock.json(있는 ..

안녕하세요, 오늘은 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() {..

안녕하세요, 오늘은 Docker Container를 활용해서 Grafana를 실행하는 방법에 대해서 알아보겠습니다. https://grafana.com/ Grafana: The open observability platform | Grafana Labs Play around with the Grafana Stack Experience Grafana for yourself, no registration or installation needed. grafana.com Grafana는 모니터링을 위한 오픈 소스 플랫폼입니다. 먼저, Docker Hub에서 Grafana Image의 최신 버전을 다운받아야 합니다. docker pull grafana/grafana 이어서 Grafana Container를 실행하..

안녕하세요, 오늘은 Docker를 사용하는 방법에 대해서 알아보겠습니다. 먼저, 로컬에 저장된 Docker Image 목록을 확인하는 명령어에 대해서 알아보겠습니다. docker images 이어서, 특정 Docker Image의 세부 정보를 확인하는 방법에 대해서 알아보겠습니다. docker inspect "Docker 이미지 이름":TAG 해당 명령어에 대한 예시 입니다. 다음과 같이, Docker Image ID를 통해서도 세부 정보를 확인할 수 있습니다. 이어서 실행 중인 Containers 보는 명령어는 다음과 같습니다. docker ps 다음 명령어는 실행중이지 않은 모든 Containers를 보는 명령어입니다. docker ps -a 실행 중인 Container를 중지하는 명령어입니다. do..

안녕하세요, 오늘은 Tensorflow 2에서 Classification 모델 학습 시 Callback을 Customize 하는 방법에 대해서 알아보겠습니다. MNIST 데이터 셋을 활용하여, 모델 학습하는 예시 입니다. import tensorflow as tf from tensorflow.keras.datasets import mnist from tensorflow.keras.models import Sequential from tensorflow.keras.layers import Flatten, Dense from tensorflow.keras.callbacks import Callback import numpy as np class SimpleCallBack(Callback): def __ini..

안녕하세요, 오늘은 tqdm 패키지 사용하는 방법에 대해서 알아보겠습니다. 패키지 설치를 위한 방법은 다음과 같습니다. pip install tqdm 패키지 설치 후 먼저 간단한 예시에 대해서 알아보겠습니다. from tqdm import tqdm for _ in tqdm(range(100000000), desc="Example - 1"): pass range(100000000)이 아닌 일반적인 List를 활용한 예시는 다음과 같습니다. from tqdm import tqdm import numpy as np A = np.random.randint(0, 100, (100,)) print(A, "\n") for _ in tqdm(A, desc="Example - 2"): pass tqdm를 활용해서 enu..