이클립스에서 git 사용하기


형상관리 툴은 git의 시대입니다. 
IT공룡 회사들 조차 git을 사용하고 있죠 그만큼 여러 펀의성과 훌륭한 성능을 자랑합니다.
우리도 모르는 사이에 각종 IDE 툴은 이미 git을 지원하고 있습니다. 이클립스는 물런 에디터플러스 최신버전도 git 메뉴가 있습니다.



오늘은 이클립스에서 git을 셋팅해보겠습니다.

▼강의에 사용한 버전은 STS 3.8.4 입니다. 


▼이클립스를 실행시키면 오른쪽 위에 해당 버튼을 클릭



▼해당 화면에서 git을 클릭, 만약에 git이 없다면 최신버전 sts가 아닙니다.



▼두번째 "Clone a Git repository"를 선택


▼그리고 Clone URI를 클릭


▼이제 git 정보를 넣을 수 있는 화면이 나옵니다. 



▼제 git 정보를 입력하였습니다. 




▼브런치 선택하면이 보이네요. master를 가져오겠습니다.



▼저장할 디렉토리를 지정한 후에 finsh를 누릅니다.


▼그럼 git에서 열심히 파일을 가져오네요 


▼Git Repositories로 파일을 가져왔다면 아래 화면처럼 프로젝트를 import 시켜야 합니다.
그래야 이클립스에서 수정 할 수 있겠죠?



▼자동으로 프로젝트별로 리스트가 나오고 원해는 걸 체크해서 피니시를 누릅니다.




▼ 이제 이클립스에 프로젝트로 생성되었습니다.





마무리


 svn을 사용하시는 분들도 git으로 형상관리 툴을 이전하길 추천합니다.


댓글을 달아 주세요



header referer 정보 


오늘은 referer를 이용해서 이전 URL을 알아 낼 수 있는 방법을 알아보고자 합니다.

▼우선 아무 페이지에서 해당 a태그를 걸어봅시다. 
1
2
3
<a href="이동 URL" >
    header.referer 테스트
</a>
cs

▼ 그리고 웹에서 해당 버튼을 클릭해 자신의 was에 jsp 페이지로 이동시켜 봅시다.



▼ 그리고 JSTL로 header.referer를 referURL 변수에 담아서 화면에 출력해보았습니다.
1
2
<c:set var="referURL" value="${header.referer}" />
이전 페이지 URL은 : ${referURL}
cs

▼ 네 A태그로 타고왔던 이전 페이지가 노출됩니다.


▼이전페이지를 컨트롤 하는 방법은  
보통 URL에 특정 파라미터에 이전 URL을 담아서 그 정보를 보고 
이전 페이지 정보를 얻는 방법으로 개발합니다.

꼭 링크로 타고 온 이전 페이지로 가야 할 이유는 없습니다.
검색 엔진을 타고 게시판 상세글을 본 사용자를 다시 Google로 보내는건 잘못된 방법이기 때문이죠




마무리


잘 안쓰는 추세인거 같습니다.
그래도 꼭 필요한 기능인건 변함 없겠네요







댓글을 달아 주세요



inputbox validtion numbers only


오늘은 자바스크립트 유효성 체크중에 가장 많이 쓰이는 input 박스에
숫자만 입력 하는 방법을 알아보겠습니다.

개발 방법은 많지만 간단한 두가지 방법을 이용해서
구현 해보았습니다.

첫번째 인풋은 
함수로 뺴서 숫자 keycode가 아니면 
입력하지 못하도록 false를 주었고
1
2
3
4
5
function inNumber(){
  if(event.keyCode<48 || event.keyCode>57){
     event.returnValue=false;
  }
}

cs

두번째 인풋
정규식을 이용해 바로 input 박스에 인라인으로 작성하였습니다.
1
<input type="text" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');"/>  
cs



▼ 아래 소스를 확인하시면 쉽게 이해가 가능하실 거라 생각 합니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
    <script type="text/javascript">
    function inNumber(){
        if(event.keyCode<48 || event.keyCode>57){
           event.returnValue=false;
        }
    }
    </script>
</head>
 
 <body>
    <input type="text" onkeypress="inNumber();"/>  
    <input type="text" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');"/>  
 </body>
</html>

cs

▼ 두가지 input 박스 모두 숫자만 입력 가능합니다.



마무리


새해가 밝았습니다. 2018년에도 즐거운 코딩 하시길 바랍니다!


댓글을 달아 주세요