jinnnh 블로그

Git 디버깅(git bisect)

Mon, 11 May 2020 11:00:00 +0900

Git 디버깅(git bisect)

git bisect start // git bisect 시작
git bisect good <rev> // 단어는 good 이지만 의미는 old(과거 시점 or 시작 시점)
git bisect bad <rev> // 단어는 bad 이지만 의미는 new(최근 시점 or 종료 시점)
git bisect <bad rev> <good rev> // git bisect good <rev>, git bisect bad <rev> 한 번에 실행
git bisect reset // git bisect 종료

git bisect start
git bisect good 3a72849
git bisect bad 6aab2f2

git bisect start
git bisect 6aab2f2 3a72849

반드시 git bisect good을 먼저 설정해야 하며 git bisect bad 시점보다 과거 시점으로 설정해야 한다.
good, bad 명령어는 일반 코드와 오류 코드의 의미로 이해하기보다 과거와 현재의 시점을 나타낸다고 보는 것이 더 옳은 것으로 보인다.

시작 시점과 종료 시점을 정해두면 그 뒤부터는 <rev> 빼고 git bisect good or git bisect bad 만 입력해주면 된다.

해당 커밋시점이 과거(good)로 설정했던 것과 같다면 git bisect good 해당 커밋시점이 최근(bad)으로 설정했던 것과 같다면 git bisect bad

git bisect good or git bisect bad을 실행하게 되면 비교가 끝날 때까지 파일 비교가 필요한 시점으로 checkout을 해준다.

파일의 비교는 수동으로 직접해야 한다. (파일을 열어서 코드변경여부를 본다거나 파일의 유무를 본다거나 하는)

계속 진행하다보면 더 이상 진행이 되지 않는데 해당 시점이 설정해둔 과거와 현재의 변경이 발생한 시점이다.

종료하려면 직접 git bisect reset 입력

Git 블로그 시작하기(How to make GitHub Pages)

Mon, 16 Mar 2020 11:00:00 +0900

Git 블로그 시작하기

ssh를 사용해서 동일한 컴퓨터에서 GitHub에 여러개의 계정 연결(use multiple ssh-keys for different accounts)

Mon, 09 Mar 2020 17:30:00 +0900

1. 로컬에 SSH 키 생성하기

1) .ssh 폴더로 이동하기(기본적으로 저장되는 디렉토리) -없다면 키를 생성할 때 자동으로 생성된다. (따로 직접 만들어도 된다.)

$ cd ~/.ssh

2) .ssh 디렉토리가 존재한다면 기존의 키를 확인하자.

$ ls

id_rsa.pub				id_rsa

.pub가 붙은 파일은 공개 키, 아닌 것은 개인 키

3) ssh 키 생성하기

$ ssh-keygen -t rsa -C '{username}@gamil.com' //계정의 이메일 주소

여기서 새로운 키를 저장할 경로를 묻는다.
ex) username01_gmail_rsa // 계정_메일호스트_rsa

Enter file in which to save the key (/Users/USERNAME/.ssh/id_rsa): /Users/USERNAME/.ssh/username_gmail_rsa

이후 암호를 두번 입력해야 하는데 그냥 엔터를 쳐서 넘어가도 무방하다.(암호를 입력하게 되면 다른 PC에 복사해서 쓸 때 암호를 입력해줘야 한다.)

생성완료

4) SSH키 로컬에 등록하기

$ eval "$(ssh-agent -s)" // ssh agent 시작

$ ssh-add ~/.ssh/username_gmail_rsa

2. 서버에 SSH키 등록하기

1) 생성한 ssh 공개 키 복사

$ cat username_gmail_rsa.pub //파일내용 보기

ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQDIFCYRPso/ username@gamil.com  //이부분 복사 (실제로는 굉장히 길다)

2) 해당 서버에 키를 등록

Settings > SSH and GPG keys > New SSH key 버튼 클릭 > Title에는 구분할 수 있는 텍스트 입력, Key에는 복사해두었던 공개키를 넣어준다. > Add SSH key 버튼 클릭

등록완료

3. config 파일 생성하기

서버에 ssh 인증을 할 때 여러개의 키가 존재할 때 어떤 키를 참조해야 하는지에 대한 옵션을 정해주어야 한다.

1) config 파일 생성

$ touch confing //0byte 의 config 파일 생성

2) config 파일이 있는 폴더를 열어 에디터로 내용을 추가 해준다

# Default account
Host USERNAME01.github.com #임의로 지정하는 곳(허나 서버와 연결할 때 써줘야 하는 닉네임 같은 것이기 때문에 사용하는 서버이름(계정)과 동일하게 해주면 알아보기 편할 것이다.
  HostName github.com #호스트 지정
  User git
  IdentityFile ~/.ssh/USERNAME01_gmail_rsa #기존에 생성했던 파일 이름 (이곳에는 기존에 생성해서 존재하는 키 파일명을 그대로 써주어야 한다.)

# Second account
  Host USERNAME02.github.com
  HostName github.com
  User git
  IdentityFile ~/.ssh/USERNAME02_gmail_rsa

# third account
  Host USERNAME03.github.com
  HostName github.com
  User git
  IdentityFile ~/.ssh/USERNAME03_hotmail_rsa

계속해서 추가가 가능

4. 서버와 연결이 잘 되었는지 확인

1) 명령어로 확인

$ ssh -T USERNAME01.github.com

"Hi USERNAME01! You've successfully authenticated, but GitHub does not provide shell access."

$ ssh -T USERNAME02.github.com

"Hi USERNAME02! You've successfully authenticated, but GitHub does not provide shell access."

2) 새 계정으로 push해보기

$ git init

$ git commit -am 'first commit'

$ git remote add origin git@USERNAME01.github.com:USERNAME01/REPOSITORY.git

$ git push origin master

5. 사용중에 갑자기 git access denied 메시지가 뜨면서 실패한다면?

$ ssh-add ~/.ssh/USERNAME01_gmail_rsa

위에서 입력했듯이 ssh 등록 명령어를 재입력해서 다시 등록해보고 연결 시도

jsDelivr Open Source CDN 사용하기

Wed, 05 Feb 2020 14:00:00 +0900

github

https://cdn.jsdelivr.net/gh/{사용자 이름}/{repository 이름}/{파일 경로}

아이폰X 노치 대응하기

Fri, 20 Sep 2019 16:00:00 +0900

<!-- 기존 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes">
<!-- 수정 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes, viewport-fit=cover">

/* 공통 헤더 */
.logo {
	position: absolute;
	top: 14px;
	left: 25px;
	left: calc(25px + env(safe-area-inset-left));
}

/* 우측 전체메뉴 버튼 */
.btn-menu-open {
	position: absolute;
	top: 0;
	right: 6px;
	right: calc(6px + env(safe-area-inset-right));
}

/* 본문 내용 */
.common-content {
	margin: 0 auto;
	padding: 40px 25px 52px;
	padding-left: calc(25px + env(safe-area-inset-left));
	padding-right: calc(25px + env(safe-area-inset-right));
}

/* 공통 푸터 */
.common-footer {
	padding-top: 28px;
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}

페이지 리소스 로드 후 실행(execute function after complete page load)

Mon, 05 Aug 2019 16:00:00 +0900

document.addEventListener('readystatechange', function () {
    if (event.target.readyState === "interactive") {
        // same as:  document.addEventListener("DOMContentLoaded"...
        // same as  jQuery.ready
        console.log("All HTML DOM elements are accessible");
    }

    if (event.target.readyState === "complete") {
        console.log("Now external resources are loaded too, like css,src etc... ");
    }
});

execute function after complete page load

Visual Studio Code 추천 확장프로그램

Wed, 06 Mar 2019 10:30:00 +0900

Visual Studio Code Extension

Language

Korean Languiage Pack for Visual Studio Code //한글 메뉴 변환

GIT

Git Histroy //Git Log 편하게 보기
Git Project Manager //Git 프로젝트 관리

Convinience

Setting Sync //VS CODE 환경설정 동기화
Image Preview //에디터에서 이미지 미리보기
Markdown Preview Enhanced //마크다운 문서 미리보기
Beautify //코드 정렬
Prettify JSON //JSON 코드 정렬
jshint //JAVASCRIPT 오류 체크

임시 데이터 만들기

Thu, 13 Dec 2018 14:30:00 +0900

function generateData(n) {
    var tempData = [];
    var firstNames = [
        '지훈', '지혜', '성민', '지은', '현우', '수진', '정훈', '혜진', '동현', '은지', '유진', '수빈', '지원', '준호', '지현', '민준', '서연', '지민', '민서', '준서', '서현', '우진', '서윤', '서준', '주원', '하준', '예준'
    ];
    var lastNames = [
        '김', '이', '박', '최', '구', '강', '조', '윤', '장', '임', '한', '신', '오', '서', '권', '황', '송'
    ];
    var productNames = [
        "홍차", "녹차", "에스프레소", "에스프레소 더블샷", "카페라떼", "화이트 초콜릿 모카", "카라멜 라뗴", "아메리카노", "카푸치노", "에스프레소 트리플", "에스프레소 콘파냐", "페퍼민트"
    ];
    var priceValues = [
        "3200", "3300", "3600", "3900", "4200", "4500", "4500", "4300", "4700", "4400", "4600", "4100"
    ];
    for (var i = 0; i < n; i++) {
        var row = {};
        var productIdx = Math.floor(Math.random() * productNames.length);
        var price = parseFloat(priceValues[productIdx]);
        var quantity = 1 + Math.round(Math.random() * 10);

        row.firstName = firstNames[Math.floor(Math.random() * firstNames.length)];
        row.lastName = lastNames[Math.floor(Math.random() * lastNames.length)];
        row.fullName = row.lastName + row.firstName;
        row.productName = productNames[productIdx];
        row.price = price;
        row.quantity = quantity;
        row.total = (price * quantity).toFixed(2) * 1;

        tempData[i] = row;
    }

    return tempData;
}

단위 변환(convert unit)

Thu, 13 Dec 2018 10:00:00 +0900

설정

/**
 * 숫자 단위 변환
 * @param {string} currentUnit 현재 실제 숫자 단위(G, M, k ...) standardUnit 배열에 있는 단위, 없으면 추가해서 사용. 단, 10^3 기준의 단위만 사용
 * @param {string} useUnit 사용할 단위(ohm, P, F, Hz ...)
 * @return {string} ex) {345} + {k} + {ohm} = '345kohm'
 */
Number.prototype.convertUnit = function (currentUnit, useUnit) {
    currentUnit = currentUnit || '';
    useUnit = useUnit || '';
    var convertValue, resultUnit, result;
    var _v = this; // 현재 값
    var n = 0; // 현재 위치 계산용
    var sign = 1; // 음수 체크
    var setDecimal = 5; // 소수점 표현 자릿수
    var standardUnit = ['G', 'M', 'k', '', 'm', 'u', 'n', 'p']; // 표현하고 싶은 단위(10^3 기준, 큰 단위부터 나열)
    var crtU = standardUnit.indexOf(currentUnit); // 기준 단위
    var chkCalRange = {
        min: crtU - n,
        max: (standardUnit.length - 1) - crtU
    }; // 범위 설정

    // 음수 체크
    if (0 > _v) {
        _v = Math.abs(_v);
        sign = -1;
    }

    // 단위 변환 - 정해진 단위(standardUnit) 범위를 넘어가면 정해놓은 범위의 마지막 단위 유지
    function cvt(value) {
        if (value >= 1000 && n + chkCalRange.min > 0) {
            value = value / 1000;
            n--;

            return cvt(value);
        } else if (1 > value && n < chkCalRange.max) {
            value = value * 1000;
            n++;

            return cvt(value);
        } else {
            return value.toFixed(setDecimal);
        }
    }

    convertValue = cvt(_v) * sign; // 최종 값 {number}
    resultUnit = crtU + n; // standardUnit 배열 순서 = 최종 변환 단위 {number}
    result = convertValue + standardUnit[resultUnit] + useUnit; // {number} + {string} + {string} = {345}{k}{ohm} = 345kohm

    return result;
};

실행

{Number}.convertUnit(currentUnit, useUnit);
@param {string} currentUnit :: 현재 크기 단위(G, M, k ...)
@param {string} useUnit :: 사용할 단위(ohm, P, F, Hz ...)

* argument 생략시 기본으로 표현

Number(1).convertUnit('u', 'H'); // "1uH"
Number(0.1).convertUnit('u', 'H'); // "100nH"
Number(0.00001).convertUnit('u', 'H'); // "10pH"

Number(0.0000000001).convertUnit('k', 'ohm'); // "100nohm"
Number(0.00001).convertUnit('k', 'ohm'); // "10mohm"
Number(1).convertUnit('k', 'ohm'); // "1kohm"
Number(100000).convertUnit('k', 'ohm'); // "100Mohm"

Number(0.99123).convertUnit('', 'Hz'); // "991.23mHz"
Number(10).convertUnit('', 'Hz'); // "10Hz"
Number(1000).convertUnit('', 'Hz'); // "1kHz"
Number(100000000).convertUnit('', 'Hz'); // "100MHz"

// argument 생략
Number(0.001).convertUnit(); // "1m"
Number(10).convertUnit(); // 10
Number(1000).convertUnit(); // "1k"
Number(100000000000).convertUnit(); // "100G"

var num = 0.12342;
num.convertUnit('u', 'F'); // "123.42nF"

var num = 10000;
num.convertUnit('u', 'F'); // "10mF"

클로저 패턴(closure pattern)

Thu, 08 Nov 2018 11:00:00 +0900

var closure = (function () {
    var name = 'jinh'; // private variable

    var that = this;
    var exports = {
        // setter
        setName: function (name) {
            that.name = name;
        },
        // getter
        getName: function () {
            return that.name;
        }
    };

    return exports;
})();