프로그래밍(Web)/Javascript(TS,Node)

오늘도 심심해서 만들어본 오목 게임입니다! 코드omok.js// 바둑판의 크기를 설정 (15 x 15) const boardSize = 15; // 각 셀의 크기를 설정 (픽셀 단위) const cellSize = 40; // 바둑판 배열을 초기화 (2차원 배열로, 모든 위치를 null로 설정) let board = Array.from(Array(boardSize), () => Array(boardSize).fill(null)); // 사용자와 AI의 돌 색상을 저장할 변수 let userStone = null; let aiStone = null; // 현재 사용자의 차례인지 여부를 나타내는 변수 let isUserTurn = true; // 캔버스 요소와 그리기 컨텍스트를 저장할 변수 let canva..

이번에도 심심해서 만들어본 스도쿠 게임입니다!코드 Bami`s 스도쿠 게임 힌트 보기 다시 시작

코드tetris.htmlBami's Tetris 키 설명 스페이스바: 블록 빠르게 떨어뜨리기 Z: 블록 회전 C: 블록 홀드 V: 홀드한 블록으로 교체 ←, →: 좌우 이동 ↓: 빠르게 내리기 게임 시작 홀드 다음 블록 점수..

프로젝트 디렉토리 생성mkdir REST-studycd REST-studynpm init -y 그 이후 사용할 패키지들을 설치해줍니다. (이번 예제에서는 ORM을 사용하지 않는 예제입니다.)npm install express mysql2 우리가 만들 프로젝트 디렉토리 구조는 아래와 같습니다.REST-study/│├── conn/│ └── db.js│├── controllers/│ └── userController.js│├── routers/│ └── userRouter.js│├── services/│ └── userService.js│├── app.js└── package.json 먼저 conn/db.js 파일에서 MySQL2를 사용하여 MariaDB 연결을 설정해줍시다.아래와 같이 자신의..

슬롯 머신 7 7 7스핀돈 채우기

Bami`s 로또 추첨기 추첨 시작 추첨 정지 로또 번호: 시도 횟수: 0회 당첨 횟수: 1등: 0회 2등: 0회 3등: 0회 4등: 0회 5등: 0회

npm install -g win-node-env 터미널에 위 명령어 입력하면 해결완료.

JS // 페이징 함수 function pagination() { // 시작 페이지 let start_page = 1; // 페이지 별 보여줄 게시물 수. let req_num_row = 5; // 테이블의 각 행을 선택하여 변수 tr에 저장 let tr = $('.board tr'); // 총 행의 개수를 변수 total_num_row에 저장 let total_num_row = tr.length; // 전체 페이지 수 계산 let num_pages = Math.ceil(total_num_row / req_num_row); // 이전 버튼 추가 if (num_pages > 0) { $('.pagination').append('Previous'); } // 페이지 버튼 추가 i는 페이지 버튼에 보여질 숫자..

React import axios from "axios"; const api = axios.create({ baseURL: "http://localhost:3000", // headers: { "Content-Type": "application/json" }, withCredentials: true, }); export const getData = async () => { await api .get("data") .then((response) => { if (response.ok) { return response.json(); } console.log(response.data); }) .catch((error) => { console.log(error); }); }; function App() { con..