코딩하는 핑구

나중에 블로그에서 검색해보려고 여태 사용한 방식들 정리중으로

설명이 단조로우니 미리 주의바람

제이쿼리 사용함

js로도 사용이 가능하지만 DOM 접근하여 사용한 jquery 방식이 한결 간결하길래 이 방식으로 사용했다

심플하게 키보드 입력받는것만 올려본다

$(document).ready(function(){
       $("#test").keypress(function (e) {
        if (e.which == 13){
                   send();  // 실행할 이벤트 호출
        }
    });
});

<input type="text" name="" id="test" class="inp_st3" placeholder="메시지를 입력해주세요" />

#test -> id가 test인 input에 접근하여 keypress 시 특정 함수 호출되게끔 함

키보드 enter 클릭 시 전송 버튼을 클릭하지 않아도 입력한 내용이 자동으로 전달되게끔

아래 스택오버플로우에서는 keydown, keypress의 차이에 대해 자세한 설명이 있으니

시간날때 정독

stackoverflow.com/questions/1367700/whats-the-difference-between-keydown-and-keypress-in-net

www.javascripttutorial.net/javascript-dom/javascript-keyboard-events/

마찬가지로 자바스크립트에서 사용하는 키보드 이벤트 관련 내용 설명

구현 시 특정 버튼을 클릭할 때 동시에 다른 버튼이 함께 눌리는 효과를 찾아보다 사용한 방법

스택오버플로우 참고

stackoverflow.com/questions/5811122/how-to-trigger-a-click-on-a-link-using-jquery

stackoverflow.com/questions/2381572/how-can-i-trigger-a-javascript-event-click

자바스크립트 DOM 접근하여 사용

var link = document.getElementById('my-link');
for(var i = 0; i < 50; i++)
   link.click();

stackoverflow에서 찾은 방법을 살짝 변경하여 내가 사용한 방법

function OpenClick()
{
  console.log('오픈 클릭');
  $("#digit_search").trigger('click');

  var filename = document.getElementById("digit_search").value;
  console.log(filename + '클릭한 파일명');
 	
}

예전에 웹을 처음 맞닥뜨렸을때 제이쿼리 문법이 너무 괴상해서 쳐다도 안봤는데

확실히 간결해서 익숙해지고 나서는 제이쿼리를 좀더 사용한다

클릭을 유도하는 방법이라 버튼에 대한 click trigger를 유발시켜서 사용

소스트리를 익힐겸 이거저거 푸쉬를 해보면서

잘못 올린 파일이 있길래 이참에 저장소 삭제도 해볼겸 리포지토리 삭제를 해보았다

삭제할 리포지토리에 들어가서 Setting 탭 클릭

하단으로 스크롤을 내려 Delete this repository 클릭

저장소를 삭제하게 됐을 시 되돌릴수없다는 경고문이 뜨며

굵은 글씨로 쓰여진것을 빈칸에 그대로 복붙해주면 저장소 제거 버튼이 활성화된다

마지막으로 비밀번호 확인 단계가 필요하다

이 과정을 거치면 저장소는 깔끔하게 삭제가 된다

깃허브를 다룰 때 커맨드 라인에서 명령어를 입력하면서 블로그를 만들어보다 그만두었는데

GUI로 git을 다룰수 있는 프로그램을 알게되어 프로그램 설치하며 방법을 기록해본다

vincent driessen의 branching 모델인 git-flow 도 익혀가며

앞으로의 코드 관리는 소스트리를 이용해서 git에 업로드 해봐야겠다 

git-flow, 10년이 지난 2020년에 올라온 새글 nvie.com/posts/a-successful-git-branching-model/

홈페이지에 언급되어있듯이 맥, 윈도우에서 사용이 가능한 깃 클라이언트이다

호주 atlassian 사에서 개발되었다고 함

이 회사는 bitbucket 이라는 github 리포지토리를 관리할수있는 프로그램을 개발 배포를 한다고 한다

협업을 하는 소프트웨어회사에서 요구되는 바를 잘 알고 개발하는듯

설치 과정은 다음 사진들을 참고하면 되겠다

아이디가 없는 경우는 Create one for free 클릭

아이디가 있다면 바로 bitbucket 클릭

계정 만들 때 구글로 연동이 되길래

구글로 계속하기 클릭해서 했다

계정 만들기 클릭

다음

Create repository 클릭 후 다음

나는 git을 예전에 설치해둔 적이 없기 때문에

이렇게 뜨는데

깃 자체를 설치한적이 없는 사람들은

Git 옆에 체크박스에 체크를 하고 다음을 클릭해야한다

밑에 있는 Mercurial은 atlatlassian사에서 개발한 github 같은 거라고 함

차이점은 추후 좀더 찾아보고 알아만 둬야겠다

따라서 git을 이용하시려면 굳이 설치 안해줘도될듯

패스 후 다음 클릭

이렇게 설치가 완료되면

다음 창이 열리며 소스트리 설치가 끝이난다