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

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

발 키보드

주로 키보드를 사용해서 가끔 손가락이 힘들다. 키보드를 좋아하면 단축키 등을 사용하여 뭔가 빠르게 입력하는 것을 좋아한다고 생각할 수 있지만 사실은 빠르게 입력하는 것을 좋아하는 것은 아니고 명확하게 입력하는 것을 좋아하는 것이다. 마우스는 포인트를 정확하게 목표에 맞추어야 하는데 이 점이 불편할 때가 있다. 손가락을 너무 사용해서 숨이 차고 있으니 잠시 쉬어가는 느낌으로 발을 사용하려고 한다. 발 … 발 키보드 계속 읽기

안드로이드 앱에서 아이콘 파일 꺼내기

터미널에서 안드로이드 앱을 간단하게 만들었더니 이제 그 앱에서 정보를 읽고 싶어 졌다. 아래 툴을 사용하여 아이콘 이미지 파일을 하나 꺼내 보았다. jar aapt 안드로이드 앱은 압축 파일임으로 자바를 설치할 때 같이 설치되는 jar를 사용하여 압축을 풀 수 있다. 그 다음 안드로이드에서 제공하는 aapt를 사용하여 아이콘 파일의 경로를 얻을 수 있다. 아래는 앱 아이콘 이미지를 꺼내는 … 안드로이드 앱에서 아이콘 파일 꺼내기 계속 읽기

터미널에서 앱 만들기

터미널에서 간단하게 앱을 만들고 싶을 때가 있다. 자바스크립트를 사용할 수 있는 ionic을 선택했다. ionic start myApp tabs cd myApp ionic serve ionic cordova build android adb install $(find . -name "*.apk" | head -1) 아래 프로그램 설치가 필요할 수도 있다. npm install -g ionic npm install -g cordova sudo apt install gradle 정리하고 보니 간단하진 … 터미널에서 앱 만들기 계속 읽기

단순한 데이터 구조의 장점

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

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 계속 읽기

Metalsmith를 사용하려고 했었다

워드프레스를 사용할 때 몇 가지가 불편했다. 제한된 테마만 사용해야 한다. 소스 코드 표현이 자유롭지 못하다. 플러그인을 사용할 수 없다. 광고가 붙는다. (이후 개인 요금제를 사용해서 광고를 제거했다) 정적 사이트 생성기(Static Site Generator)를 고려했는데 워드프레스와 다른 점이 있다. 글의 내용을 데이터베이스에 저장하지 않는다. 빌드에 의해서 생성된다. 관리 페이지가 없다. 온라인에서 글을 쓸 수 없다. 서버와 통신이 … Metalsmith를 사용하려고 했었다 계속 읽기

웹 서버에서 웹 텍스트 데이터 읽기

블로그를 읽은 횟수는 텍스트 정보다. 21,870 히트 이 정보를 웹 서버에서 사용할 수 있다. 이 데이터를 HTML5 형식으로 바꾸고 브라우저로 읽을 수 있도록 웹 서비스로 만들었다. 그 과정을 정리했다. 노드 설치가 필요하다. 이렇게 바꾸겠다. Node.js 웹 서버 텍스트 데이터를 브라우저 접속을 통하여 보여주려면 웹 서버가 필요하다. 웹 서버로 Node.js를 사용할 텐데 내장 모듈인 http 대신 … 웹 서버에서 웹 텍스트 데이터 읽기 계속 읽기

동네 도서관에서 책 찾기

동네 도서관에서 책 찾기 웹 서비스를 만들어 사용하고 있었는데 불편했다. 수정 내용을 간단하게 정리했다. 수정 전 https://dongne.herokuapp.com/ 우선, 책 이름을 입력한 후 나타나는 회색 바탕의 도서관 이름들의 의미가 분명하지 않다. 검색 시작 버튼을 눌렀는데 내용에 비해 화면이 너무 작아서 검색 결과를 볼 수 없으며 다시 시작 버튼의 의미가 분명하지 않다. 간단한 기능임에도 어떻게 사용해야 하는지 … 동네 도서관에서 책 찾기 계속 읽기