IT_Developers/개발기타73 쿠키 - 크롬에서 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. 사이트 - 개발소스 라인 정렬 하기 / HTML / JS 개발코드 정렬 하기 얼마전 소스 리뷰를 보는데 MIN으로 압축된 JS 파일을 유지보수 하는 분을 보았습니다. 한줄로 된 그 코드를 분석하는 개발력에 놀라웠지만 생산적인 면에서는 소스를 정렬하고 유지보수 하는게 좋아 보이더군요 소스를 정렬 하는 방법은 상당히 많습니다. 첫번째로 해당 기능을 제공하는 사이트에서 정렬 하는 방법이 있고 두번째로 IDE 기능을 통해 하는게 사실 가장 좋고 세번째는 손으로 직접 정렬 하는 방법이 있을 것입니다. 그래서 오늘은 첫번째 방법을 알아보겠습니다. 바로 http://jsbeautifier.org/ 사이트를 활용 하는 방법 입니다. ▼ 접속하면 아래와 같이 바로 기능 페이지가 나옵니다. 기능에 충실하네요 ▼이번에는 정렬해볼 소스를 구해봅시다. http://code.jquer.. 2017. 12. 16. 크롬 - 캐시 삭제하면서 새로고침 하기 캐쉬 비우기 및 강력 새로고침 프론트 엔드를 개발하다보면 "캐시"가 지워지지 않아서 참 귀찮을 때가 많습니다. 크롬에서 그럴땐 보통 Ctrl + Shift + Delete 를 눌러서 캐시를 삭제하는 경우가 많습니다. ▼아래 화면처럼 삭제하는 방법은 사실 조금 귀찮습니다. 그래서 오늘은 새로고침시 바로 캐시를 지우는 방법을 알아보겠습니다. 사실 방법은 간단합니다. 크롬에서 F12를 눌러 개발자 모드를 실행 한후에 새로고침 버튼위에서 마우스 오른쪾 버튼을 눌러보자 그럼 평소에 보이자 않는 버튼이 생기게 됩니다. ▼아래 버튼으로 새로고침을 하면 아까 설정에서 캐쉬를 지우는 방법을 먼저 선행하고 새로고침을 합니다. 프론트엔드 개발자나 퍼블리셔에게 아주 좋은 방법이다. 마무리 크롬은 완벽한 도구네요 2017. 12. 9. 폰트 - 바코드 font 등록하기 barcode font 사용하기 오늘은 바코드를 폰트로 등록하여 사용하는 방법을 알아보자. 폰트가 바코드가 무슨 상관이냐고 물음표를 그린 분이 있겠지만 바코드도 하나의 폰트입니다. 고딕,굴림체와 같은 폰트중에 하나로 그 모양세가 나름의 규격으로 인해 유니크한 모양으로 보이는 것 이지요. 여러 컴포넌트로 바코드를 만들 수 있지만 오늘은 폰트를 등록해 바코드를 만들어 봅시다. ▼ 아래 사이트 가서 네모친 부분을 폰트를 클릭하여 다운로드 해보자. https://ko.cooltext.com/download-font-barcode+font ▼ 다운로드 받은 파일을 풀어보면 해당처럼 나타난다. 이중에 BarcodeFont.ttf 를 더블 클릭해보자. ▼ 그럼 폰트 설치 화면이 나오고 설치 버튼을 클릭해보자. ▼ 자.. 2017. 12. 1. 프로그램 - 개발자를 위한 바탕화면 정리 도구 Fences 개발 프로그램 바탕화면 정리 방법 개발자들의 바탕화면을 보면 여기저기 널려 있는 아이콘을 볼 수 있습니다. 바탕화면에 아이콘을 군데 군데 모아두었지만 역시나 쓰다보니 다시 섞이기 마련입니다.그래서 검색 끝에 사용끝에 좋은 바탕화면 정리 프로그램을 소개합니다. ▼아래처럼 깔끔하게 필요한 아이콘만을 모아서 직관적으로 업무를 처리 할 수 있게 해줍니다.우선 아래 URL에서 다운로드 해보자 http://software.naver.com/software/summary.nhn?softwareId=MFS_120422 프로그램을 설치했다면 ▼그리고 설치 후에 오른쪽 아래 작업 표시줄에 보면 아래처럼 팩스 같기도 하고 보따리 같이 생긴 아이콘을 왼쪽 마우스로 클릭해보겠습니다. ▼그럼 아래와 같이 창이 열릴 것입니다. +.. 2017. 11. 21. 호스트 - 개발을 위한 Host 수정 프로그램 Host 변조 프로그램 개발자라면 항상 메모장을 열어 호스트를 변경하여 개발이 가능한 서버의 환경으로 접속을 하는 경우가 있습니다.메모장은 아주 훌륭하고 대단한 프로그램이지만 더 편하고 빠르게 일할 수 있는 프로그램을 접하는것도 좋은 방법있습니다.. 그래서 오늘은 호스트를 변경하는 프로그램을 소개하려 합니다.개인적으로 인터넷상의 떠도는 프로그램중 이게 가장 낫다고 판단해 리뷰하려고 합니다. 우선 해당 블로그가 "hosts for Windows v0.5" 라는 프로그램의 개발자 본인을 "아트그래머" 라고 부르는 유쾌하고 멋진 분인듯 합니다. 아래에 링크에 있는 프로그램을 리뷰하는거니 더 자세한 정보는 삭신만세라는 블로그를 통해 얻어보세요▼http://saksin.tistory.com/1159 ▼해당 링크에.. 2017. 10. 31. 사이트 - 웹상에서 해외 접속 상태 확인하는 방법 웹상에서 해외 접속 상태 확인하는 방법 해당 사이트에 접속 해보자https://asm.ca.com/en/ping.php ▼ 해당 인풋에 확인 하고 싶은 사이트 주소를 넣고 START http://cloudmonitor.ca.com/en/ping.php?vtt=1397206397&varghost=www.kacon.co.kr&vhost=_&vaction=ping&ping=start아래처럼 전세계에서 해당 사이트 접속이 가능한지모니터링 결과값이 나옵니다. ▼중간 중간 Not available 는접속 여부를 파악 못한것입니다. 해외에서도 사이트 잘 접속 되냐고 물어온다면 간단하게 해당 사이트를 통해 알아보세요 2017. 7. 5. 사이트 - IP(도메인) 서버프로그램과 OS 알아내기 아이피(도메인)로 사이트에 서버 프로그램 알아내기 http://toolbar.netcraft.com/site_report?url= ▼해당 사이트에 접속 후에인풋 박스에 사이트 주소를 넣고lookup 버튼을 눌러 보자 개인적으로 좋아하는 뽐뿌 사이트를 넣어 보았습니다.http://toolbar.netcraft.com/site_report?url=http%3A%2F%2Fwww.ppomppu.co.kr+ ▼기본적으로 얻기 쉬운 다양한 정보 부터 ▼제일 궁금했던 서버 언어 역시 PHP가 맞습니다. ▼서버 OS 까지 손쉽게 알아낼 수 있습니다.그밖에도 많은 정보가 있으니 살펴보자 2017. 7. 5. 이전 1 ··· 5 6 7 8 9 다음
