본문 바로가기

전체 글2572

사이트 - 내 IP 알아보기 / whatismyip.com 현재 IP 알아보는 사이트 안녕하세요. 고코더입니다. 오늘은 현재 내 아이피를 가르켜 알 수 있는 사이트를 알아보겠습니다.해외에서는 인기 IP 확인 페이지인데 한국에서는 모르는 분이 많은 거 같습니다. ▼ 사이트 이름부터 IP를 가르켜주는 모양새입니다. 한번 접속을 해봅시다. https://www.whatismyip.com/ ▼ 해당 화면처럼 바로 아이피를 표시를 해줍니다. 외부로 나가는 공용 아이피가 보이기 때메 정확하게 아이피를 말해줄 수 있습니다. ▼ 이외에도 네이버나 다음에서 검색창에도 내 IP라고 입력하면 손쉽게 IP를 보여줍니다. 접속자의 IP 데이터 기준을 삼을 때 하나의 사이트의 정보로 통일하면 관리가 용이합니다. 마무리 그래도 이왕이면 도메인whatismyip.com 입력하여 IP를 확인.. 2018. 1. 6.
jQuery - 예약어 변경 하기 / $.noConflict() 제이쿼리 $ 대신 다른걸로 선언하기 오늘은 jQuery의 예약어를 바꾸는 방법을 알아보겠습니다. 예약어 - 시스템에서 미리 준비해놓은 명명규칙 jQuery의 선언은 아시다 시피 $ , jQuery 두가지가 예약어로 되어 있습니다. ▼아래 예제를 실행하면 1 2 3 4 5 6 7 8 9 10 11 12 jQuery( document ).ready(function() { alert('jQuery'); }); $(document).ready(function() { alert('$'); }); Colored by Color Scripter cs ▼화면과 같은 결과가 보입니다. 그런데 지금은 아무도 안쓰는 프로토타입도 예약어로 $가 되어 있습니다. 함께 쓰면 상당히 혼란스럽겠죠 그래서 jQuery에는 선언 에약어.. 2018. 1. 6.
eclipse - 인스톨버전 이클립스 eclipseinstaller 오늘은 이클립스를 설치해보려고 합니다. 원래는 이클립스는 무설치 버전입니다. zip 압축된 파일을 해제하여 바로 쓰면 되는데 최신버전의 이클립스 부터는 인스톨 버전을 공개하고 있습니다. 그래서 인스톨 이클립스 설치 하는 방법을 배워 보겠습니다. (개인적으로 무설치 포터블 버전이 더 좋다고 생각이 됩니다) ▼ 아래 URL 접속하여 다운로드 버튼을 클릭하여 파일을 내려받아 봅시다. https://www.eclipse.org/downloads/download.php?file=/oomph/epp/oxygen/R2/eclipse-inst-win64.exe ▼ 내려받은 파일을 실행하면 그리고 설치버전을 묻는데 저희 사이트는 웹개발이 주제이기에 2번째를 선택해보겠습니다. ▼ 그러면 아래.. 2018. 1. 5.
eclipse | WAS - 톰캣(tomcat) 서버 연동 적용 no servers are available click this link to create a new server 프로젝트를 만들고 나서 꼭 필요한 작업중에 하나인건 Tomcat 서버를 구동해야 하죠 그래서 오늘은 이클립스에서 tomcat 서버를 연동해보겠습니다. ▼프로젝트를 생성 한 후에 보이는 아래 메세지를 클릭 ▼그러면 아래처럼 서버를 선택 할 수 있는 화면이 나옵니다. 자신이 필요한 was를 선택하세요 저는 톰캣 7.0 버전을 선택했습니다. ▼우선 톰캣을 다운로드 받아 특정 폴더에 위치 하게 합니다. 해당 파일은 https://tomcat.apache.org/download-70.cgi 에서 다운로드 가능합니다. ▼위에서 압축을 해체한 톰캣의 폴더 주소를 아래처럼 입력해줍니다. ▼해당 원하는 프로.. 2018. 1. 4.
git - 이클립스로 동기화 하기 이클립스에서 git 사용하기 형상관리 툴은 git의 시대입니다. IT공룡 회사들 조차 git을 사용하고 있죠 그만큼 여러 펀의성과 훌륭한 성능을 자랑합니다. 우리도 모르는 사이에 각종 IDE 툴은 이미 git을 지원하고 있습니다. 이클립스는 물런 에디터플러스 최신버전도 git 메뉴가 있습니다. 오늘은 이클립스에서 git을 셋팅해보겠습니다. ▼강의에 사용한 버전은 STS 3.8.4 입니다. https://spring.io/tools/sts/legacy ▼이클립스를 실행시키면 오른쪽 위에 해당 버튼을 클릭 ▼해당 화면에서 git을 클릭, 만약에 git이 없다면 최신버전 sts가 아닙니다. ▼두번째 "Clone a Git repository"를 선택 ▼그리고 Clone URI를 클릭 ▼이제 git 정보를 넣을.. 2018. 1. 3.
JSP | JSTL - 이전 URL 알아내기 header referer 정보 오늘은 referer를 이용해서 이전 URL을 알아 낼 수 있는 방법을 알아보고자 합니다. ▼우선 아무 페이지에서 해당 a태그를 걸어봅시다. 1 2 3 header.referer 테스트 cs ▼ 그리고 웹에서 해당 버튼을 클릭해 자신의 was에 jsp 페이지로 이동시켜 봅시다. ▼ 그리고 JSTL로 header.referer를 referURL 변수에 담아서 화면에 출력해보았습니다. 1 2 이전 페이지 URL은 : ${referURL} cs ▼ 네 A태그로 타고왔던 이전 페이지가 노출됩니다. ▼이전페이지를 컨트롤 하는 방법은 보통 URL에 특정 파라미터에 이전 URL을 담아서 그 정보를 보고 이전 페이지 정보를 얻는 방법으로 개발합니다. 꼭 링크로 타고 온 이전 페이지로 가.. 2018. 1. 2.
JavaScript - input 박스에 숫자만 입력 가능하도록 inputbox validtion numbers only 오늘은 자바스크립트 유효성 체크중에 가장 많이 쓰이는 input 박스에 숫자만 입력 하는 방법을 알아보겠습니다. 개발 방법은 많지만 간단한 두가지 방법을 이용해서 구현 해보았습니다. 첫번째 인풋은 함수로 뺴서 숫자 keycode가 아니면 입력하지 못하도록 false를 주었고 12345function inNumber(){ if(event.keyCode57){ event.returnValue=false; }} cs 두번째 인풋은 정규식을 이용해 바로 input 박스에 인라인으로 작성하였습니다. 1 cs ▼ 아래 소스를 확인하시면 쉽게 이해가 가능하실 거라 생각 합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 functio.. 2018. 1. 1.
사이트 - 파비콘(favicon) 만들기 / convertico.com Favicon Generator 오늘은 파비콘을 만들어 보는 사이트를 소개 해드리려고 합니다. 파비콘이 뭐냐고요? 바로 브라우저 탭 타이틀 영역에 보이는 그 이미지가 favicon입니다. 홈페이지 로고 같은 거라고 생각하시면 됩니다. ▼제 블로그의 파비콘은 이렇습니다. 이제 파비콘이 무엇인지 아시겠죠? 파비콘을 만드는 방법은 다양합니다만 도트를 직접 찍어 만드는게 정석이지만 이미지를 만들어 이것을 .ico 형태로 변환하여서 만드는게 편합니다. ▼그래서 이미지 -> 파비콘 형태로 바꾸어주는 사이트들이 있습니다. http://convertico.com/favicon/ http://tools.dynamicdrive.com/favicon/ http://www.degraeve.com/favicon/ https:/.. 2017. 12. 31.
사이트 - 키보드 키코드(keycode) 웹에서 알아내기 / keycode.info 키보드 코드 확인하는 사이트 안녕하세요 고코더입니다. 오늘은 키보드 키코드를 알 수 있는 사이트를 소개합니다. 도메인도 짧아서 외워 놓으면 될거 같습니다. ->http://keycode.info/ ▼접속해보면 다짜고짜 키를 누르면 자바스크립트 이벤트를 통해서 keycode를 확인 시켜준다고 합니다. ▼g를 입력하니 71번이라고 키코드를 가르켜줍니다. ▼이번에는 한/영 키를 눌러보니 한글키라고 정확히 말해주고 있네요 ▼이번에는 노트북에만 있는 마우스 오른쪽 버튼 대체 키를 눌러보니 아래처럼 정확히 캐치 합니다. 훌륭하네요 마무리 다양한 특수 기능 사이트들이 대세입니다. 2017. 12. 30.

티스토리툴바