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..

단축키 정리 단축키 카테고리화면분할 단축키 (ctrl + opt ■■□)앱 단축키 (opt + cmd □■■)OS에서 호출하는 앱 단축키 (ctrl + cmd ■□■)시스템 단축키키보드 단축키 > 키보드 > Dock으로 초점 이동 > "option + tab"키보드 단축키 > Spotlight > Spotlight 검색 보기 > "해제" (raycast로 대체)앱 단축키 (opt + cmd)App메뉴 제목. (속성필드를 동일하게 입력)Desc.  chrome.탭 "opt + cmd + "방향키 chrome.탭 ">" 이동opt + cmd + "방향키 >"vscode.탭 "opt + cmd + "방향키 >"vscode.탭 ">" 이동opt + cmd + "방향키 >" OSX 설정미션컨트롤데스크탑 및 Do..

업데이트 :: 2018.08.19 문제코드결과문제Find the minimal average of any slice containing at least two elements. 코드1차 풀이class Solution { public int solution(int[] A) { // (2

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

참조 - developers.google.com/web/tools/chrome-devtools/remote-debugging?hl=ko Android 기기 원격 디버깅 시작하기 | Chrome DevTools | Google Developers Windows, Mac 또는 Linux 컴퓨터에서 Android 기기의 라이브 콘텐츠를 원격으로 디버그합니다. developers.google.com 시작하기에 앞서 아래 경로를 따라 디바이스에 개발자 옵션을 해제해야 합니다. - developer.android.com/studio/debug/dev-options.html?hl=ko 온디바이스 개발자 옵션 구성 | Android 개발자 | Android Developers 앱 성능을 프로파일링하고 디버그하는 데 도..

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 해제 필요한 도메인 입력.