홍차 블로그

지난번 podman 설치에 대한 글(https://mc500.tistory.com/491)을 썼다가, 설치 및 사용이 너무 불편하기도 하고, docker를 어느 정도 기간까지는 계속 사용할 수 있어서 꾸역 꾸역 쓰고 있었지만 이제는 유예기간이 2023년 말까지로 확정된 상태라 다시 podman을 살펴 보기로 했다. MacOS 환경에서 podman 설치하기 #1 지난 번 Docker 유료화 구독 모델 발표 이후 작성한 글에서 Docker Desktop 대신 사용할 podman이라는 것을 이야기 했었다. 그래서 podman을 설치해 보기로 하고 podman 홈페이지에 접속을 했다. https://podman.i mc500.tistory.com podman을 사용하려면 물리적 환경 또는 가상 환경으로라도 Li..

어느날 갑자기 kubectl 명령을 실행 했는데 이런 오류 메시지와 함께 실행이 안되는 현상이 발생했다. $ kubectl version --client error: exec plugin: invalid apiVersion "client.authentication.k8s.io/v1alpha1" 명령어를 잘못 입력했나 싶어 다시 실행을 해도 결과는 마찬가지였다. 뭐가 문제인가 싶어 그제서야 오류 메시지의 내용을 확인했다. 해석하면 이런 내용이다. 오류: 플러그인 실행: 유효하지 않은 apiVersion "client.authentication.k8s.io/v1alpha1" 친절하게 클라이언트 API 버젼이 맞지 않아 오류라고 알려준다. 그럼 지금까지는 왜 잘 사용할 수 있었던걸까? 일단 버젼이 안맞는다고 ..

지난번 글에서 지뢰찾기 게임의 사용자 인터페이스를 변경 했었다. https://mc500.tistory.com/677 이번 글에서는 이어서 최고 점수 기록에 대한 부분을 추가로 변경해 보도록 하겠다. 7. High Score Board 에 이름 넣기 지난 번 각 레벨별로 최고 기록을 넣고 보니 최고 기록을 세워졌는지에 대한 부분을 사용자가 미처 인식하지 못하는 경우가 많을 수 있다. 따라서 최고 점수 갱신에 대한 확인과 함께 사용자의 이름을 입력 받아 Hight Score Board에 나타나도록 하는 부분을 추가해 보자. 최고 기록 정보에서 레벨별 최고 점수(score 필드) 그리고 그 기록을 세운 사람의 정보 (name 필드)를 같이 구성하도록 다음과 같이 구성해 볼 수 있다. highscores: {..

지난번 글에서 지뢰찾기 게임의 사용자 인터페이스를 변경 했었다. https://mc500.tistory.com/676 이번 글에서도 이어서 깃발 표시 부분과 최고 점수 부분에 대해 변경해 보도록 하겠다. 5. 깃발 표시된 상자 클릭시 알림 제거하기 현재 구현으로는 깃발을 표시한 곳을 클릭하면 이미 깃발이 있다는 alert 메시지를 띄운다. 문제는 이렇게 alert가 떠 있는 상태에서도 시간은 지나가게 되므로 기록 경신에 성가신 부분이 있다. 그래서 그 부분을 제거한다. if (box.flagged) { //this.alert('Flagged') return } else if (box.value == CONST_MINE) { 6. High Score Board 표시 각 레벨별로 최고 기록을 알 수 있도록 ..

지난번 글에서 지뢰찾기 게임의 사용자 인터페이스를 변경 했었다. https://mc500.tistory.com/675 이번 글에서는 이어서 점수와 깃발 갯수를 표시하는 부분을 변경해 보도록 하겠다. 3. 점수 및 깃발 수 표시 변경 Windows 지뢰 찾기에는 이 정보를 표시할 때 빨간색 숫자로 표시되었었다. 상태에 따라 표시가 되는 곳을 7개의 구역으로 나누어져 있기에 7 segment 라고 부르며 전광판이나 전자 회로에서 간단한 숫자를 표시할 때 사용된다. 앞서 해왔던 방법으로 위의 이미지를 타일로 만들어 표시하는게 가장 쉬운 방법이다. 하지만 이번에는 HTML5 Canvas의 기능을 이용하여 표현해 보고자 한다. 7 segement의 각 부분에 번호를 지정하고 이를 활용하고자 한다. 번호는 사실 프..

지난번 글에서 지뢰찾기의 점수에 대해 이야기 했었다. https://mc500.tistory.com/674 이번 글에서는 몇 가지 사용자 인터페이스 변경을 해 보도록 하겠다. 1. 지뢰 및 깃발 크기 조절 현재 지뢰와 깃발의 이미지 원본에도 약간의 공간이 있다. 하지만 상자에 너무 가득 찬 느낌이 있어 상하좌우 약간의 공간을 두어 크기를 조절하도록 하자. ctx.drawImage(this.sprite, 0, 0, 1162, 1162, x+offset, y+offset, w-offset*2, w-offset*2) 2. 게임 시작 버튼 및 성공 실패 시 alert 대체 Windows 에 있던 지뢰 찾기 게임는 노란색 스마일 아이콘이 게임의 시작과 상태 및 종료를 표시하고 있었다. 이걸 구현해 보고자 한다. ..

지난번 지뢰찾기의 난이도 조절을 대해 다루어 보았었다. https://mc500.tistory.com/673 이번 글에서는 좀 더 게임답게 게임 점수에 대한 부분을 만들어 보도록 하자. 지뢰찾기의 승리조건은 지뢰가 없는 안전한 곳을 다 찾는 것이다. 그리고 한 번이라도 지뢰를 건드리면 실패다. 따라서, 게임 점수로서 정할만한 것이 게임을 시작해서 승리까지 걸린 시간이 가장 적절한 것으로 보이므로, 가장 빠른 시간에 승리를 한 것을 최고 점수로 기록할 수 있도록 한다. 게임 기록은 어딘가에 저장을 해 놓을 수 있는 방법이 있지만 나중에 개선 사항으로 남겨 두기로하고, 이번 글에서는 단지 기능만 구현하기로 한다. 우선 게임 점수와 시작 시간에 대한 변수를 먼저 구성한다. highscores: { beginn..

지난번 지뢰찾기의 사용성 개선에 대해 이야기 했었다. https://mc500.tistory.com/672 이번 글에서는 좀 더 게임답게 게임 설정 및 시작에 대한 메뉴를 만들어 보도록 하겠다. 지금까지는 정해진 크기와 지뢰 갯수만으로 게임을 할 수 있었고, 새로운 게임을 시작하려면 화면을 다시 로딩했어야 했다. 그래서 이와 관련된 메뉴를 추가해 보기로 하자. 필요한 기능은 다음과 같다. 게임 시작/종료 버튼 게임 난이도 선택 상자 게임 시작/종료 버튼의 기능은 다음과 같다. 버튼을 눌러 새로운 게임을 시작한다 게임 중에 누르면 게임을 포기하고 다시 새로운 게임을 시작한다 HTML에 기본 버튼을 추가하고 클릭 시 게임을 초기화 해보자 Mine Sweeper New Game onClickMainButton..