온라인 싱글플레이 오목입니다.별도의 프로그램 설치나 다운로드 없이, 브라우저에서 바로 즐길 수 있는 오목 게임입니다.혼자서 가볍게 오목을 두고 싶을 때 플레이할 수 있도록 개인적으로 만들어봤습니다.상대는 프로그램(AI)이며, 싱글플레이 전용입니다. 게임 규칙1. 오목(5목) 게임으로, 먼저 돌 5개를 연속으로 놓으면 승리합니다.2. 6목 이상(장목)은 승리로 인정되지 않습니다. (정확히 5목만 승리)3. 3-3은 금수이며, 흑·백 모두 3-3은 둘 수 없습니다.4. 4-3, 4-4 형태는 허용됩니다. 플레이 방법- 상단에서 흑 또는 백을 선택한 후, 게임 시작 버튼을 누르면 됩니다.- 바둑판을 클릭해 돌을 놓을 수 있으며, 돌을 둘 때 소리가 재생됩니다.- 상대가 생각 중일 경우 안내 문구가 표시됩니다...
Java를 처음 배우거나 실무에서 개발을 하다 보면 가장 자주 마주치는 오류 중 하나가 NullPointerException입니다. 이 오류는 Java 개발자라면 반드시 이해하고 넘어가야 하는 기본적인 예외입니다.NullPointerException이란 무엇인가NullPointerException은 객체가 null 상태인데 해당 객체의 메서드나 속성에 접근하려고 할 때 발생하는 예외입니다. Java는 객체 지향 언어이기 때문에 모든 객체는 생성 후 사용해야 하며, null 상태의 객체는 아무 동작도 수행할 수 없습니다.NullPointerException이 발생하는 기본 원인이 예외는 대부분 다음과 같은 상황에서 발생합니다.객체를 생성하지 않고 사용한 경우메서드의 반환값이 null인데 바로 사용한 경우컬..
Java에서는 JSON 데이터를 다루기 위한 다양한 라이브러리가 제공됩니다. JSON은 서버와 클라이언트 간의 데이터 교환에 널리 사용되는 형식이기 때문에 Java 개발 환경에서도 안정적으로 처리할 수 있어야 합니다. Jackson과 Gson은 Java에서 가장 널리 사용하는 JSON 라이브러리입니다. JSON 예제 데이터다음은 JSON 문자열 예제입니다. 이 데이터는 사용자 정보를 표현하는 구조로 구성되어 있습니다.{ "id": 10, "name": "Kim", "email": "kim@test.com", "active": true}이 형태는 API 응답에서 흔히 볼 수 있는 구조입니다.JSON 구조와 매핑될 Java 클래스JSON 데이터를 Java 객체로 변환하려면 동일한 형태의 클래스를 만들..
jQuery로 DOM을 조작하다 보면 다음과 같은 오류가 자주 발생합니다. Uncaught TypeError: Cannot read properties of null (reading 'addClass') 또는 상황에 따라 다음과 같은 형태로 나타나기도 합니다. Cannot read properties of null (reading 'removeClass')Cannot read properties of null (reading 'value')Cannot read properties of null (reading 'style') 이 오류는 jQuery뿐 아니라 순수 JavaScript에서도 자주 발생하는 기본적인 DOM 참조 오류입니다.핵심 원인은 선택자가 가리키는 요소가 존재하지 않는데 그 요소의 속성이나..
jQuery로 AJAX 요청을 개발하다 보면 다음과 같은 오류를 자주 보게 됩니다.parsererrorUnexpected token 두 오류는 표현만 다를 뿐, 실제 원인은 거의 같습니다.브라우저가 서버에서 받은 응답을 JSON으로 해석하려고 했지만 JSON이 아닌 데이터를 받아서 파싱에 실패할 때 발생하는 오류입니다.이 글에서는 이 오류가 왜 발생하는지, 흔한 원인과 해결 방법을 정리하겠습니다.1. 오류가 발생하는 원리jQuery AJAX에서 dataType을 json으로 설정하면 서버의 응답을 항상 JSON이라고 가정합니다.예시 $.ajax({ url: "/api/test", method: "POST", dataType: "json", success: function(result){ ..
jQuery를 사용하다 보면 다음과 같은 오류 메시지를 자주 보게 됩니다. "Uncaught TypeError: $(...).datepicker is not a function"또는"Uncaught TypeError: $(...).modal is not a function""Uncaught TypeError: $(...).select2 is not a function" 형태만 다를 뿐 모두 같은 종류의 오류입니다.브라우저 입장에서는 $(...).datepicker 라는 함수를 호출했는데,datepicker라는 함수가 존재하지 않기 때문에"function이 아니다"라는 에러를 출력하는 것입니다.이 글에서는 이 오류가 발생하는 대표적인 경우와실무에서 바로 적용할 수 있는 해결 방법을 정리해 보겠습니다. ..
