DevOps 40

[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

[Git] init & status

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 파일이 아닌 나머지 모든 파일이며 워킹 디렉토리에 있는 파일 중 스냅샷..

DevOps/Git 2021.02.04

[Web] Android에서 디버깅하기

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

DevOps/Web 2021.02.01

[Web] HTTP & REST에 대한 고민

REST REST는 Client에서 Server에 데이터를 요청할 때 활용하는 인터페이스와 같습니다. Server가 얼마나 REST에 가까운 API Design을 했느냐에 따라 Client 개발자는 예상가는 데이터 처리를 할 수 있습니다. 개발자들과 협업할 때 통일된 약속은 매우 중요합니다. 만약 통일된 약속이 없다면 명세서 확인으로 부족하여 어떤 데이터가 반환되는지 소스코드를 일일이 확인해야하는 불상사가 발생할 수도 있죠. 그리고 REST 설계방식은 배우기도 그리 어렵지 않습니다. 이런 이유로 예상가는 WEB API Design을 하기 위해 REST API를 강조하는 것이죠. ( 하지만 약속이 중요할 뿐 반드시 REST 설계형식을 따라야 한다는 것은 아닙니다. GraphQL과 같은 방식도 있죠. ) H..

DevOps/Web 2019.10.18

[Git] 명령어 빠르게찾기

Basic git --version git --version git init git init git clone git clone git clone http:// git status git status git add git add -i 대화형 모드가 시작되며 파일의 일부분만 스테이징이 가능 -p 대화형 모드없이 바로 패치 모드 사용 git add . git add src git commit git commit -m "" git commit -m "Which one best naver or kakao?" git commit -C HEAD -a --amend 지정한 커밋의 로그 메시지를 다시 사용하여 기존 커밋을 수정 -c 사용시 기존 메시지를 수정할 수 있는 편집기 실행 git diff 스테이지영역과 현재 ..

DevOps/Git 2019.10.15

[Git] cherry-pick

무엇인가 ? 다른 브런치의 일부 커밋만 반영하고 싶을 때 # git branch master next-release 예제 (single commit) 만약 master에 반영한 commit들 중에서 일부만 next-release로 반영하고 싶을때 # git checkout master # git commit -m "a" # git commit -m "b" # git log --pretty=oneline asdasdadsa a asdasdasdd b # git cheeckout next-release # git cherry-pick asdasdadsa git log -- pretty=oneline asdasdadsa a 예제 (multiple commits) git cherry-pick ^.. Cherr..

DevOps/Git 2019.06.03