2022/06 17

[Git] Better Pull Request for GitHub

큰 규모의 프로젝트에서 개발자간 협업은 필수요소입니다. 그렇기에 코드리뷰의 중요성이 점점 더 높아지고 있는 것 같은데요. Github의 웹페이지에서 다른 개발자가 작성한 Pull Request를 확인하는게 쉽지 않죠. 그래서 Github 페이지에서 Pull Request의 코드 변경사항을 쉽게 파악할 수 있게 도와주는 크롬 확장 프로그램 Better Pull Request for GitHub를 소개하려 합니다. 설치는 매우 간단합니다. 아래 페이지에서 크롬 확장 프로그램을 추가하면 됩니다. https://chrome.google.com/webstore/detail/better-pull-request-for-g/nfhdjopbhlggibjlimhdbogflgmbiahc Better Pull Request ..

DevOps/Git 2022.06.14

[MacOS] iTerm

iTerm은 다양한 기능을 담고 있는 터미널 애플리케이션입니다. https://iterm2.com/ iTerm2 - macOS Terminal Replacement iTerm2 by George Nachman. Website by Matthew Freeman, George Nachman, and James A. Rosen. Website updated and optimized by HexBrain iterm2.com Status Bar Status Bar는 Terminal에서 디바이스의 다양한 상태값을 볼 수 있도록 도와주는 설정입니다. 들어가는 순서는 좌상단 iTerm2 > Preferences... 메뉴로 들어가 Profile > Session > Status bar enabled를 활성화 해주면 됩..

DevOps/MacOS 2022.06.14

[MacOS] oh my ZSH

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

DevOps/MacOS 2022.06.13

[Git] Gitako - GitHub file tree

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

DevOps/Git 2022.06.13

[MacOS] 환경변수 어떻게 셋팅할까?

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

DevOps/MacOS 2022.06.13

[Web] Ngrok - remote device 테스트하기

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을 제공하는 빌드도구를 사용한다면 코드의 수정사항을 웹페이지에서 바로 확인할..

DevOps/Web 2022.06.13

[Web] 개발자콘솔 eruda, vconsole

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

DevOps/Web 2022.06.13