moonscode

개발자콘솔 eruda, vconsole을 소개합니다. web을 개발하다보면 개발자모드에 진입해서 element, source, console, network 등 상태정보를 확인하곤 합니다. 이는 PC 디바이스환경에선 간단한 일이지만 Mobile 디바이스에서는 어려운일입니다. 이를 도와주는 eruda, vconsole 라이브러리를 소개합니다. 이 두 라이브러리들은 개발자모드에 진입하기 어려운 환경에서도 개발자도구를 볼 수 있도록 지원합니다. 특히 모바일 환경에서 유용하게 사용됩니다. https://github.com/Tencent/vConsole GitHub - Tencent/vConsole: A lightweight, extendable front-end developer tool for mobile w..

업데이트 :: 2018.01.24 callapplybindbind 주의점func.lengthfunc.nameargumentscall함수 내부의 this를 매개변수로 설정해줄 수 있습니다.fun.call(this, [arg1], [arg2], [...]) 우리는 함수 내부의 this를 우리가 직접 설정해줄 수 있습니다.call 메서드는 모든 함수에서 사용할 수 있으며, this를 특정값으로 지정할 수 있습니다.const bruce = { name : "Bruce" }; const madeline = { name : "Madeline" }; // 이 함수는 어떤 객체도 연결되지 않았지만 this를 사용합니다. function greet() { return `Hello, I'm ${this.name}` } g..

callback 함수를 우아하게 처리할 수 있는 Promise에 대해 소개합니다. A, B 라는 두 가지 상황이 있다고 가정하겠습니다. 우리는 A라는 상황이 실행되고 A의 결과에 따라 B가 실행되기 희망합니다. 이 때 어떠한 방식으로 이를 구현할 수 있을까요? 대표적으로 callback 함수를 이용하는 방법이 있습니다. A 함수의 Parameter에 B 함수를 넣고 A 함수가 완료되면 B 함수를 실행하도록 하는 것이죠. callback은 비동기 상황을 해결하는 가장 간단한 방법입니다. 하지만 A, B라는 두 상황이 A, B, ... F 까지 있다면 어떨까요. callback으로 이 상황을 표현할 수 있을까요? 물론 표현할 수 있습니다. 하지만 상당히 많은 callback을 중첩해서 사용해야 할 것입니다...

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

Github Wiki를 사용하는 방법을 알아봅시다. #페이지사용법 [Wiki]탭으로 이동 [New Page] 오른쪽 상단 New Page 버튼을 이용해서 페이지를 추가 할 수 있습니다. #로컬편집방법 웹에서 페이지를 편집하는 일을 귀찮을 수 있습니다. Github는 Wiki에 대한 Repository를 제공하여 로컬에서 편집할 수 있습니다. [Clone this wiki locally] 오른쪽 하단 주소를 이용하여 git과 동일하게 Repository를 내려받을 수 있습니다. git init git clone or git remote add origin 아래는 Repository에서 생성된 파일목록입니다. 특수 기능을 가진 파일에 대해서는 `_` 문자를 이용하여 사용합니다. #Pages&Sidebar P..

Dev git git config 설정 $ git config --global user.name "mooncoding" $ git config --global user.email "mooncoding@naver.com" $ git config user.name $ git config user.email brew /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" # 필요하다면 Next steps을 실행하세요 ==> Next steps: - Run these two commands in your terminal to add Homebrew to your PATH: (echo; echo '..

CORS - 서버에서 설정이 열여있어야 함 (nginx, service, .. 등등에서 설정되어 있을 수 있음) - 클라이언트에서 CORS 설정을 header에 포함하여 요청해야 함

원격 브랜치의 상태를 확인 $ git fetch origin base 브랜치를 원격에서 가져오는 방법 $ git checkout -b origin/

최근 Amethyst의 Layout 기능을 사용하고 OSX App Window 관리 프로그램을 Amethyst로 정착했다. 기존 Spectacle, Rectangle등의 프로그램은 개별 App Window을 조작했다면, Amethyst Layout 기능은 그것과는 결이 다르다. 전체 화면에서 App들이 배치될 방식의 Layout을 미리 설정하면 App들이 Layout 대로 자리를 채우는 방식이다. 아래 사진을 보면 Layout 개념을 이해하는데 도움이 될 수 있다. 위 레이아웃은 "Tall"이란 형태의 레이아웃이고 Amethyst에서 더 다양한 Layout을 제공하고 있다.

chrome 1. chrome://net-internals 접속 2. Domain Security Policy 탭 선택 3. Delete domain security policies 항목에 redirect 해제 필요한 도메인 입력.