moonscode

JavaScript를 사용하다보면 객체의 Property를 나열하는 경우를 자주 만나게 됩니다. Array라면 순서가 있어 나열이 가능하지만 Object는 Key-Value로 구성되어 있어 순서가 보장되지 않는데 어떻게 나열할 수 있을까요? Object.keys (for ... in) - key 배열 반환 Object.values - value 배열 반환 Object.entries - [key, value] 배열 반환 Object 객체는 객체의 Property를 나열하기 위에 keys, values, entries 3가지 함수를 제공합니다. const obj = { a : 'apple', b : 'banana', c : 'coconut' } const keys = Object.keys(obj) // ['..

ES6에서 추가된 Iterator & Generator 이해하기 Iterator 특징 Iterable의 이해 (for...of) - 순회(Iterate) 할 수 있는? next 함수의 이해 반복문 비동기 처리 활용할 수 있는 경우 앱 사용설명 튜토리얼 페이지 Generator 특징 return Iterator function*, yield 명령어의 이해 반복문 비동기 처리 통신 - Lazy Parameters? (임의로 지어봤습니다) 활용할 수 있는 경우 끝말잇기 (or 베스킨라빈스 31 게임) 단순히 보면 next 메소드를 지닌 객체이며, 하나의 패턴에 가깝지 않나하는 생각이 듭니다. 정형화되어 자주 사용되기 때문에 ES6에서 하나의 문법으로 정의된 것 같습니다. 사용법을 익혀둔다면 비슷한 상황이 생겼..

Amethyst Amethyst | ianyh Tiling window manager for macOS along the lines of xmonad. A quick screencast of basic functionality can be found here. (It's rough, and I'd love to see a better one if someone has the skills and inclination to make one.) Getting Amethyst Amethyst is avail ianyh.com 안녕하세요. 오늘은 Amethyst 앱에 대해서 소개하려합니다. 애플리케이션 창을 컨트롤할 때 제가 정말 좋아하는 Spectacle이란 앱이 있는데요. (Spectacle 소개글 https..

Spectacle Spectacle www.spectacleapp.com 안녕하세요. 오늘은 MacOS에서 단축키로 화면을 분할할 수 있는 앱인 Spectacle에 대해서 소개해드리려 합니다. 사실 화면을 분할할 수 있는 앱은 다양합니다. 대표적으로 Better TouchTool이 있을 것 같네요. 그 중에서도 제가 Spectacle을 사용하는 이유는 설정이 필요없고 직관적인 화면분할을 지원한다는 점에서 더 마음에 들었습니다. 전체화면 전체화면 > cmd + opt + F 화면중앙위치시키기 > cmd + opt + C Full, Center의 앞자로 생각하면 기억하기 쉬울것 같아요. 화면분할 Spectacle은 크게보면 2분할, 3분할, 4분할 단위로 화면을 분할해줍니다. 그리고 분할방식에 따라 사용하는..

나도 오픈소스의 contributor가 될 수 있다? 혹시 Fork에 대해서 알고 계신가요. 오늘은 Fork의 개념에 대해 소개해드릴까 합니다. Fork란 타인의 repository(이하 repo)를 개인 저장소로 복사하여 가져오는 행위를 말합니다. 그럼 git clone을 통해 repo를 내려받는 것과 내려받은 소스를 자신의 repo에 직접 올리는 것과는 무엇이 다를까요? 먼저 git clone을 통해 내려받은 Copy Repo의 원격 저장소는 아직 Origin Repo입니다. (.git 파일에 정의되어있습니다) 그래서 코드를 수정하고 push를 하면 Origin Repo 저장소로 push 요청을 하게되고 권한이 없게되면 push 행위를 실패하게 될 것 입니다. 그럼 gitconfig의 remote 주..