본문 바로가기

IT_Developers1149

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.
쿠키 - 크롬에서 Cookie 변조(삭제,수정,변경) 하기 Chrome Cookie Edit 어제 강의로 쿠키를 수정하는 방법도 강의 해야 겠다는 생각이 들어 이틀 연속 쿠키 강의를 진행합니다. 쿠키는 어제 말씀 드렸다시피 공개 정보이고 변조가 가능합니다. 그 중에 오늘은 크롬에서 확장프로그램을 통해 쿠키를 수정하는 방법을 알아보겠습니다. ▼우선 크롬을 여시고 아래 URL을 접속하세요 그리고 chrome에 추가를 하면 설치가 됩니다. https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg?utm_source=chrome-ntp-icon ▼이제 크롬에서 보시면 쿠키 모양의 산타 모자를 쓴 아이콘이 보입니다. 귀엽네요. 항상 느끼는건 좋은 프로그램은 유머와 센스.. 2017. 12. 26.
이론 - 쿠키란? cookie란? 웹개발에서 쿠키는 정말 꼭! 필요한 존재입니다. 쓸수 있는 방법이 너무 많아 설명을 다 할 수 없을 정도이죠 HTTP 쿠키 : 웹사이트를 방문한 사용자 컴퓨터의 기록 정보 파일을 말하는 것 쿠키 사용의 예로 제 블로그에서 사용한 사례를 설명해보려고 합니다. http://gocoder.tistory.com/ 모바일로 들어왔을때 아래와 같은 애니메이션이 보이도록 스킨을 수정했습니다. 최초 진입시 "gocoder_info" 라는 쿠키를 사용자의 PC에 구웠습니다. 첫번째 들어왔을떄는 메뉴까지 보이는 액션을 두번,세번은 화살표만 보이는 액션을 보이게 했고 ▼ gocoder_info 라는 쿠키 값이 3이 들어가 있으면 하루 동안 애니메이션이 보이지 않습니다. 이것들 모두 쿠키가 있어 가능합니다. .. 2017. 12. 25.
jQuery - 긴 텍스트 ... 으로 줄이기 / dotdotdot 긴 글 텍스트 축약하기 DIV에 긴 텍스트가 들어가면 크기가 조절이 되거나 일명 글자가 삐져나오죠 그래서 보통 몇 글자 이상이면 ...을 붙혀서 축약 시키도록 코딩을 합니다. 하지만 해당 기능 각 프론트 개발자마다 다르게 구현 해놓아 유지보수가 어렵습니다. 그래서 오늘은 긴 텍스틀 알아서 축약해주는 플러그인을 소개하겠습니다. ▼우선 참조 사이트는 아래입니다. nl을 보아 네덜란드 개발자인거 같은데 홈페이지 부터 매우 이쁘네요 자세한 레퍼런스는 해당 홈페이지에서 둘러보세요 http://dotdotdot.frebsite.nl/ 해당 사이트를 참고해 개발자 분들이 빠르게 익힐 수 있도록 익스프레스하게 예제를 만들어봤습니다. ▼jquery와 해당 dotdotdot.js를 참조하였습니다. 1 2 cs ▼우선 사용.. 2017. 12. 24.
PHP - APMSETUP7 설치 PHP환경 셋팅을 위해 APMSETUP7 설치 안녕하세요 고코더 입니다. 오늘은 APMSETUP7을 설치하려고 합니다. 현재 도메인도 사라지고 http://www.apmsetup.com/ 설치 파일만 떠돌아 다니고 있지만 가장 간편하고 오랫동안 손쉽게 써오던 APMSETUP을 설치해보려 합니다. 최신파일이지만 PHP5 버전이라 스터디용으로도 부족하고 가벼운 테스트 용도로 쓰면 딱 적당할거 같습니다 ▼ 아래 파일을 받아 압축을 풀어보세요 ▼ 그리고 마우스 오른쪽 버튼을 눌러 관리자 권한으로 실행 ▼한국어로 설치해야겠죠 ▼ 여기서 해당 메세지가 발견된다면 현재 80포트로 돌리고 있는 웹 서버를 중단시켜야 합니다. ▼ 자 이제 설치를 시작해보실까요. 32비트 프로그램 이네요 ▼ 동의 하시고 ▼ 기본 설정 그대.. 2017. 12. 23.
JavaScript - 프론트에서 서버 시간 얻기 자바스크립트에서 서버 시간 가져오기 서버 시간을 가져오는건 당연히 서버 언어가 제공하는 기능을 사용하는게 정석입니다. 하지만 보안의 문제이거나 특별한 이유에서 프론트엔드로 서버시간을 제공해줄 수 없는 경우도 있습니다. 그래서 오늘은 자바스크립트에서 서버 시간을 가져오는 방법을 알아보려고 합니다. 하지만 프론트에서 서버시간을 얻는건 보안상 취약하기 때문에 가벼운 유효성 체크나 중요하지 않은 로직에 이용되는게 맞습니다. 예전 회사에서 해당방식으로 서버시간을 얻어 DB에 기록하는 방법의 대해 보안 취약점으로 지적했으나 무시하고 넘어가 결국 사고가 터진걸 봤네요.. ▼해당 URL에 공개된 소스가 제가 만들어놓은 소스보다 정리가 잘되어 있어 참조하여 대체 하겠습니다. https://stackoverflow.com.. 2017. 12. 22.

티스토리툴바