moonscode

https://ohmyz.sh/ Oh My Zsh - a delightful & open source framework for Zsh Oh My Zsh is a delightful, open source, community-driven framework for managing your Zsh configuration. It comes bundled with several helpful functions, helpers, plugins, themes, and a few things that make you shout... OH MY ZSH! ohmyz.sh Unleash your terminal like never before! 이전과는 다른 방식으로 터미널을 활용하세요. 홈페이지의 슬로건처럼 oh my ..

github 홈페이지에서 파일트리 레이어를 제공하는 Gitako에 대해서 소개합니다. 개발을 하다보면 새로운 오픈소스를 searching하고 공부해야하는 경우가 빈번히 생깁니다. 그 때 github 웹페이지에서 소스코드를 일일이 확인하다보면 페이지를 찾고 읽는 것이 상당히 번거로워 결국 git clone을 받아 VsCode와 같은 IDE에서 코드를 분석하게 되는데요. 이 때 Gitako가 도움이 될 수 있습니다. Gitako는 크롬의 확장프로그램이며 아래 링크에서 간단하게 설치할 수 있습니다. https://chrome.google.com/webstore/detail/gitako-github-file-tree/giljefjcheohhamkjphiebfjnlphnokk Gitako - GitHub file..

환경변수란 무엇일까요? 환경변수란 OS에서 접근할 수 있는 전역 시스템 변수입니다. 예를 들어 A의 폴더에 node의 실행파일이 있다고 가정해보겠습니다. 개발하는 프로젝트에서 node 서버를 실행하기 위해 매번 상위 디렉토리로 이동하여 node의 실행파일이 있는 폴더를 찾아야 할 것 입니다. 하지만 실행파일이 있는 위치를 변수로 지정한다면 어떨까요? 매번 node 실행파일의 위치를 기억하지 않고 참조할 수 있을 것입니다. 환경변수에도 특징을 가진 상수값이 존재합니다. PATH - 전역접근이 가능한 디렉토리 목록 HOME - home 디렉토리의경로 USERNAME 방법1 첫 번째 방법은 터미널에서 직접 환경변수를 호출하는 것 입니다. $ export ZSH="$HOME/.oh-my-zsh" $ echo $..

https://ngrok.com/ ngrok - Online in One Line Zero Trust Add SSO, Mutual TLS, IP Policy, and webhook signature verification. ngrok.com ngrok은 remote 환경에서 자신의 디바이스 로컬서버에 접근할 수 있도록 도와주는 유용한 도구입니다. 보통 PC 환경에서의 웹개발은 어떤 과정으로 진행될까요? 개발자는 수정하고자 하는 마크업, 스크립트등을 수정하고 변경된 수정사항을 보기 위해 서버를 재실행할 것입니다. 그리고 프로덕트인 웹페이지를 새고고침하여 수정사항이 적절히 적용되었는지 확인할 것 입니다. 물론 hot reloading을 제공하는 빌드도구를 사용한다면 코드의 수정사항을 웹페이지에서 바로 확인할..

개발자콘솔 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..

git 새로운 저장소를 init 하기 $ mkdir my_git_repo $ cd my_git_repo $ git init git init 이란 명령은 .git 이라는 하위 디렉토리를 만듬 기존 저장소를 clone 하기 $ git clone ${repo_url} 파일 status 확인하기 워킹 디렉토리의 모든 파일은 크게 Tracked(관리대상)와 Untracked(관리대상아님)로 나눔 Tracked & Untracked Tracked 파일은 이미 스냅샷에 포함돼 있던 파일이며 다음 상태중 하나이다. Unmodified(수정하지 않음) Modified(수정) Staged(커밋으로 저장소에 기록) Untracked 파일은 Tracked 파일이 아닌 나머지 모든 파일이며 워킹 디렉토리에 있는 파일 중 스냅샷..

참조 - 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 앱 성능을 프로파일링하고 디버그하는 데 도..

TypeScript docs 자료형 및 강력한 객체지향 아키텍처를 지원 tsconfig.json compile config 내용을 작성하는 json 파일 Type Declaration 변수 타입선언 let foo: string = 'hello'; let bar: number = true; // error 매개변수 타입선언 function multiplyA(x: number, y: number): number { return x * y; } const multiplyB = (x: number, y: number): number => x * y; Type Type JS TS Description boolean ◯ ◯ true와 false null ◯ ◯ 값이 없다는 것을 명시 undefined..

React 가이드 자습서 https://ko.reactjs.org/tutorial/tutorial.html 개념서 https://ko.reactjs.org/docs/hello-world.html JSX 별도의 파일에 마크업(HTML)과 로직(JavaScript)를 넣어 기술을 인위적으로 분리 둘 다 포함하는 컴포넌트 라고 부르는 느슨하게 연결된 유닛으로 관심사를 분리 필수요소는 아니지만 로직(JavaScript) 안에서 UI관련 작업을 할 떄 시각적으로 더 도움이 된다고 생각 const name = 'Heo'; const element = Hello, {name}; ReactDOM.render( element, docuemnt.getElementById('root'); ); ..

Lambda 함수적 프로그래밍 > Parallel + EventDriven 람다식 > 익명함수 생성식 람다식 > 매개변수를 가진 코드블록 > 익명구현객체 익명구현객체 Runnable runnable = new Runnable() { public void run() { ... } } 람다식 Runnable runnable = () -> { ... }; Method References 메소드 참조 > 메소드를 참조해서 매개변수의 정보 및 리턴 타입을 알아내어 람다식에서 불필요한 매개 변수를 제거 [1] 메소드 참조를 사용하지 않을 경우 (a, b) -> Math.max(a, b); [2] 메소드 참조 static method & instance method 모두 가능 Math :: max obj :: ins..