Binary Journey

2021.02.10 - [React] - [React][Clone] Chess 게임 만들기 - 3. 체스말 움직이기 [React][Clone] Chess 게임 만들기 - 3. 체스말 움직이기 이전글 2021/02/10 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 2. (2) 체스판 모양 갖추기, require 로 image 파일 가져오기, default 의 필요성 [React][Clone] Chess 게임 만들기 (single.. binaryjourney.tistory.com 참고한 영상 www.youtube.com/watch?v=kBR7pDLcC3A&t=2462s 이건 내가 혼자 참고보려고 긁어온 url react-dnd.github.io/re..

Javascript 쓰다 보면 [] (Array)를 쓸 일이 굉장히 많다. 그리고 array 값 중 중복된 값들을 제거하고 싶을 때가 온다. 일단 array 내 element 가 object 가 아님을 전제로 하였을 때 new Set() 를 사용한다. set 객체는 자료형에 상관없이 유일한 값만 저장시킨다고 모질라에 나와있지만 확인 결과, object 형식은 안되는 것 같다. var arr = []; for (var i = 0; i < 5; i++) { arr.push("a"); } var newArr = [...new Set(arr)]; console.log("===== String ====="); console.log(newArr); console.log("===== String ====="); va..

Array.prototype.some() 은 확인할 list 내 원하는 조건을 만족하는 값이 하나라도 있을 경우 true 를 return Array.prototype.every() 는 확인할 list 내 모든 값이 조건을 만족해야 true 를 return (하나라도 만족하지 못할 경우 false) 예시를 통해 이해하자면 const isBiggerObjInListThan = (list, compareValue) => { console.log(`isBiggerObjInListThan ${compareValue} : ${list.some((item) => item.value > compareValue)}`); }; const arr = [ { name: "a", value: 1 }, { name: "b", v..

월요일에 참고 자료로 만들었던 소스인데 블로그에도 공유합니다. 결과 값은 모두 console 창에 나오니 f12나 왼쪽 마우스버튼 클릭+검사, ctrl+shift+i 를 눌러 확인해보시길 바랍니다. var arr = ["a", "b", "c", "d", "e"]; // for : ~하는 동안 // => for(괄호 안의 조건이 참일 동안) for (var i = 0; i ..

이전글 2021/02/10 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 2. (2) 체스판 모양 갖추기, require 로 image 파일 가져오기, default 의 필요성 [React][Clone] Chess 게임 만들기 (single-player) - 2. (2) 체스판 모양 갖추기, require 로 image 파일 가져오기 이전 글 2021/02/09 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 2. (1) board settings [React][Clone] Chess 게임 만들기 (single-player) - 2. (1) board settings 이전 글 2021/02/0..

이전 글 2021/02/09 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 2. (1) board settings [React][Clone] Chess 게임 만들기 (single-player) - 2. (1) board settings 이전 글 2021/02/09 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 1. setting [React][Clone] Chess 게임 만들기 (single-player) - 1. setting 오랜만의 포스팅...! 새 프로젝트 때문에 몇.. binaryjourney.tistory.com 참고한 영상 www.youtube.com/watch?v=kBR7pDL..

이전 글 2021/02/09 - [React] - [React][Clone] Chess 게임 만들기 (single-player) - 1. setting [React][Clone] Chess 게임 만들기 (single-player) - 1. setting 오랜만의 포스팅...! 새 프로젝트 때문에 몇 달 동안 바빴다. 할당 된 일정 중 두 개가 취소돼서 지난주 이번주 그나마 시간이 났다. 남은 시간 동안 놀고 싶지는 않아서 괜찮아 보이는 소스를 따 binaryjourney.tistory.com Chess 게임 만들기 시리즈에서 참고하는 영상 www.youtube.com/watch?v=kBR7pDLcC3A 쉴새없이 이어지는 다음 포스팅..! npm Script 에서 start 오른쪽 재생버튼을 클릭한다. 영..

오랜만의 포스팅...! 새 프로젝트 때문에 몇 달 동안 바빴다. 할당 된 일정 중 두 개가 취소돼서 지난주 이번주 그나마 시간이 났다. 남은 시간 동안 놀고 싶지는 않아서 괜찮아 보이는 소스를 따라해보려고 한다. 아래 영상을 보고 1인용 체스게임을 만들 것이다. www.youtube.com/watch?v=kBR7pDLcC3A 체스게임 좋아하지만 그렇게 즐겨하지 않았던 터라 '리액트로 체스 게임을 만들어볼까?' 하는 생각은 아마 무의식에 이 어느 정도 자리했던 게 아닐 까 싶다. 가능하다면 WebSocket을 이용하여 multiplayer 버전으로 바꿔보고 싶은데 능력이 따라줄까 모르겠다. 들어가기 전에 내 블로그에는 개념 설명이 많지 않다. 나도 내가 정리하는 편이 아니고 개발 도중에 궁금한 거 찾아보는..

나는 이 글을 참고하였다. offbyone.tistory.com/199 Windows 10에 MariaDB 설치하기 개발용으로 Windows 10 PC에 MariaDB 를 설치해 봅니다. 1. http://mariadb.org/ 에 접속하여 다운로드 페이지로 들어갑니다. 2. 실제 다운로드 URL은 https://downloads.mariadb.org/ 입니다. 현재 안정 버전은.. offbyone.tistory.com 내가 사용하는 운영체제(OS)는 Windows 10 이며 MariaDB 서버 연결은 DBeaver Communtiy Edition을 이용할 예정이다. 먼저 MariaDB 홈페이지에 들어가서 mariadb.org/ MariaDB Foundation - MariaDB.org […] maria..

같은 내용인데 방법이 달라 벌써 4번째 글을 쓴다. Gradle 로도 할까말까 고민 중 VSCode 에서 ctrl + shift + P 를 누르면 검색칸이 뜨는데 거기에다 Spring이라고 타이핑하면 다음과 같이 뜬다. 나는 Maven이 더 익숙하니까 Create Maven Project로 해보겠다. 내 개발 환경 및 버전은 다음과 같다. 1. 플랫폼, OS: Windows 10 64bit 2. JDK: OpenJDK - AdoptOpenJDK 14 3. maven: apache-maven-3.6.3 Maven Project를 선택하면 Spring Boot version을 선택하라고 뜬다. 뭐가 좋을지 검색해본다. 여기저기 돌아다니다보니 Spring Boot 2.2.4 RELEASE 기준으로 Java 8..