텍스트 그래프

숫자보다는 그래프를 보여주는 것이 효과적이다. 여러 사람이 볼 문서를 만든다면 텍스트로 구성된 그래프를 넣어 보자. 이쁘지 않은 텍스트 그래프라도 숫자보다 읽기 편하다. 터미널에서 주로 개발하고 있음으로 이런 시각화가 나에게는 필요 없는 기능이라고 생각했는데 아니었다. 몇 가지 모듈을 정리했다. 골라 사용하기 바란다. asciichart 하나의 값이 변하는 것을 보여줄 때 사용할 수 있다, 만약에 왼쪽으로 흐르게 만들려면 … 텍스트 그래프 계속 읽기

코드만 있는 프로젝트를 만났다.

담당자도 없고 문서도 없는 프로젝트를 만날 수 있다. 테스트 코드도 없고 function2, library2 같은 코드들이 여기저기 잔뜩 들어있는 경우도 있다. 놀란 마음을 잠시 진정시키고 터미널을 열자. 문제를 해결하려고 시도한 몇 가지 방법을 정리했다. 라인수 세기 먼저 코드의 양을 살펴보는 것이 괜찮다. 라인 수를 세는 것이다. 폴더나 기능 별로 라인 수를 센다. find . -name "*.js" … 코드만 있는 프로젝트를 만났다. 계속 읽기

단순한 데이터 구조의 장점

데이터 구조가 단순하면 이를 처리하는 함수가 단순해지고 그러면 테스트가 쉬워진다고 생각하게 된 경험을 정리했다. 자바스크립트를 사용하여 개발하면서 많은 기술들을 접하게 된다. 모두 검토하여 좋은 것만 추려 배우고 일에 적용하고 싶지만 현실은 녹녹지 않다. 그래서 올해 배울 기술 두 개를 정했는데 함수형 프로그래밍 방법과 테스트다. 그중 함수형 프로그래밍을 익히기 위해 선택한 방법은 작은 게임을 여럿 만들어 … 단순한 데이터 구조의 장점 계속 읽기

Block 게임 – JavaScript

Functional Programming (FP) 연습하는 목적으로 작은 게임들을 만들고 있다. 이 게임은 그 중에 하나로 위에서 내려오는 블럭들을 미사일로 맞추는 것이 목적이다. 전에 만든 테트리스 코드를 가져다 사용했는데 최소한의 기능만 만들었다. 시작 코드로 Create React App를 사용했으며 App.js, App.css 이 두 파일을 수정했고 fp-block 모듈을 사용했다. FP 라이브러리로 유명한 Lodash 라이브러리를 사용했다. https://github.com/afrontend/fp-block-game 좌표 정보를 따로 … Block 게임 – JavaScript 계속 읽기

미로 만들기 – JavaScript

함수형 프로그래밍을 연습하려고 작은 게임을 만들다가 미로 게임을 알게 되었다. 전에 만들었던 테트리스나 snake 게임보다 알고리즘이 조금 더 복잡했다. 미로를 만드는 방법과 푸는 방법이 서로 다르며 각각 여러 알고리즘이 있었다. 그중에 아래 글을 참조하여 미로를 만들었다. 아직은 눈으로 푸는 게임이다. 미로 생성기라고 하는 것이 더 적당하겠다. https://stackoverflow.com/questions/3097556/programming-theory-solve-a-maze 전에 만든 snake 코드를 가져다 사용했다. Create React … 미로 만들기 – JavaScript 계속 읽기