본문 바로가기

개발강의24

크롬 - 캐시 삭제하면서 새로고침 하기 캐쉬 비우기 및 강력 새로고침 프론트 엔드를 개발하다보면 "캐시"가 지워지지 않아서 참 귀찮을 때가 많습니다. 크롬에서 그럴땐 보통 Ctrl + Shift + Delete 를 눌러서 캐시를 삭제하는 경우가 많습니다. ▼아래 화면처럼 삭제하는 방법은 사실 조금 귀찮습니다. 그래서 오늘은 새로고침시 바로 캐시를 지우는 방법을 알아보겠습니다. 사실 방법은 간단합니다. 크롬에서 F12를 눌러 개발자 모드를 실행 한후에 새로고침 버튼위에서 마우스 오른쪾 버튼을 눌러보자 그럼 평소에 보이자 않는 버튼이 생기게 됩니다. ▼아래 버튼으로 새로고침을 하면 아까 설정에서 캐쉬를 지우는 방법을 먼저 선행하고 새로고침을 합니다. 프론트엔드 개발자나 퍼블리셔에게 아주 좋은 방법이다. 마무리 크롬은 완벽한 도구네요 2017. 12. 9.
jQuery - 게시판 정렬하기 / Table sort 테이블 데이터 정렬 화면에 보이는 데이터를 정렬 하고 싶을때가 있습니다. (혹은 그런 기획이 오면 해야죠) ▼엑셀에 사용하는 그 기능 처럼요 하지만 웹에서는 DB에 order by 명령어를 받아 새로고침 하여 뿌리는 경우가 많아 느리기도 하고 굳이 서버를 다녀와야 할까 싶죠 그럴때 사용할수 있는 플로그인을 하나 소개 하겠습니다. ▼해당 사이트에 tabersorter 라는 플로그인 http://tablesorter.com/ 오늘은 해당 사이트에 나와 있는 내용을 익스프레스하게 압축하여 설명해보겠습니다. Jquery로 테이블에 있는 데이터를 거침없이 정렬 해봅시다. ▼jQuery와 tablesorter를 참조한다. ▼적용 하고 싶은 Table 속성에 .tablesorter() 추가한다. $(document).. 2017. 12. 5.
ASP - 메모장으로 파일 인코딩 변경하기 Notepad File encoding 홈에디터 플러스 무한사랑으로 지난 번 파일인코딩 변환 강의를 올렸는데 메모장으로는 변경하는 법을 묻는 개발자님이 계셔서 메모장 버전도 남겨드립니다. 사실 워낙 친숙하게 사용하고 있지만 나름 인코딩 하는 법이 숨겨져 있습니다. 오늘은 한번 메모장을 열어봅시다. ▼윈도우키를 누르거나 시작버튼을 눌러 notepad 라고 입력해보세요. 그럼 메모장이검색 됩니다. 한글로 메모장이라고 입력하셔도 문제 없습니다. ▼해당 하는 파일을 열기 하신 후 이번엔 파일->다른 이름으로 저장을 눌러봅시다. 빠른 단축키는 ALT를 누른 상태에서 S,A를 차례대로 입력합니다. ▼그리고 다른으로 저장하려고 할때 인코딩을 지정하는 화면이 저장 옆에 있습니다. 보통 파일을 열고 저장을 하면 인코등 .. 2017. 12. 2.
폰트 - 바코드 font 등록하기 barcode font 사용하기 오늘은 바코드를 폰트로 등록하여 사용하는 방법을 알아보자. 폰트가 바코드가 무슨 상관이냐고 물음표를 그린 분이 있겠지만 바코드도 하나의 폰트입니다. 고딕,굴림체와 같은 폰트중에 하나로 그 모양세가 나름의 규격으로 인해 유니크한 모양으로 보이는 것 이지요. 여러 컴포넌트로 바코드를 만들 수 있지만 오늘은 폰트를 등록해 바코드를 만들어 봅시다. ▼ 아래 사이트 가서 네모친 부분을 폰트를 클릭하여 다운로드 해보자. https://ko.cooltext.com/download-font-barcode+font ▼ 다운로드 받은 파일을 풀어보면 해당처럼 나타난다. 이중에 BarcodeFont.ttf 를 더블 클릭해보자. ▼ 그럼 폰트 설치 화면이 나오고 설치 버튼을 클릭해보자. ▼ 자.. 2017. 12. 1.
jetBrains - PHPstrom , Webstorm 포터블로 무제한 무료 사용하기 PHPstrom , Webstorm portable install PHP스톰 쓰면서 이클립스에 비해 가장 아쉬운건 포터블 형태가 아닌것이다. A, B라는 프로젝트를 동시에 진행 한다면 이클립스의 경우 A프로젝트의 셋팅 해놓은 이클립스와 B프로젝트의 셋팅 해놓은 이클립스를 다른 파일로 실행함으로써 작업 내역을 계속 이어 나갈 수 있다는 특징이 있다. 그런데 jetBrain IDE들은 알다시피 설치버전이라 editplus 처럼 하나만 설치가 가능하다. PHP 프로젝트를 두개를 맡고 있다면 매번 폴더를 오픈해야 한다. 불편하다. 그래서 오늘은 PHPstrom , Webstorm 이 IDE를 포터블로 만드는 방법을 알아보자. 우선 먼저 써놓은 PHP스톰 강의를 보고 와도 좋을 것이다.http://gocoder... 2017. 11. 29.
프로그램 - .db 수정을 위한 SQLiteman 설치하기 .DB 데이터 수정 할 수 있는 포터블 프로그램 sqllite 즉 파일 DB 를 수정할 필요가 있을때가 있다. 다양한 방법이 있지만 그중에 SQLiteman을 이용해서 수정하는 방법을 안내하려고 한다. 해당 링크를 따라가보자 ▼해당 화면에서 보이는 다운로드 버튼을 클릭하자 https://sourceforge.net/projects/sqliteman/ ▼다운로드 했다면 그냥 단순하게 압축을 풀어보자 아래와 같이 파일들이 나오는데 여기서 아이콘이 있는 .exe를 클릭하면 된다. ▼클릭하면 해당 처럼 UI가 보이고 file->open을 눌러 .db를 선택해서 오픈해보자. ▼클릭하면 해당 처럼 UI가 보이고 file->open을 눌러 .db를 선택해서 오픈해보자. 이제 해당 화면에서 SQL문을 날려서 사용하면 .. 2017. 11. 28.
MSSQL - 0으로 나누기 오류 방지하기 MSSQL 0을 Null로 반환하여 isnull로 처리하기 MSSQL 에서 0으로 나눌시에는 오류가 발생한다. 0으로 숫자를 나눈건 로직이 잘못됐거나 모델링 잘못된 것이다.하지만 .. 사람 맘 같이 세상이 움직이겠는가..결국은 숫자가 꼬이고 꼬이면 0으로 나누고 결국 오류가 발생할것이다.오늘은 그래서 MSSQL에서 0으로 나누기 오류를 대비하는 법을 배워보겠다. 우선 아래처럼 쿼리를 MSSQL매니저먼트에서 실행해보자 SELECT 1000 / 0 ▼ 당연히 오류가 발생하였다. 수학에선 0으로 숫자를 나눌수 없다. 이번엔 이 쿼리를 실행해보자SET ANSI_WARNINGS OFFSET ARITHIGNORE ONSET ARITHABORT OFFselect 100 / 0 ▼ 아래처럼 NULL 이 반환 됐다. (.. 2017. 11. 6.
jQuery - 바코드(barcode) 만들기 자바스크립트로 바코드 만들기 간단하게 스크립트로 바코드를 만들수 있는 방법이다. ▼해당 사이트를 참조하였다. http://barcode-coder.com/en/barcode-jquery-plugin-201.html ▼아래는 해당 URL을 보고 만든 샘플 아래 소스를 갖다 써도 되고 아래 파일을 다운받아 한폴더에서 실행하면 충분한 레퍼런스가 될거라 생각됩니다. $("#bcTarget").barcode("1234567890128", "codabar"); // 바코드 타입 // codabar // code11 (code 11) // code39 (code 39) // code93 (code 93) // code128 (code 128) // ean8 (ean 8) // ean13 (ean 13) // std2.. 2017. 9. 4.
JavaScript - select 박스의 option value, text 가져오기 셀렉트 박스의 옵션 값과 텍스트 값 가져오기 셀렉트 박스를 다룰 때 간단하지만 자주 찾고 자주 까먹는 방법입니다. options[target.selectedIndex].text : 셀렉트 박스 옵션 사이에 있는 텍스트 값을 가져온다options[target.selectedIndex].value : 셀렉트 박스 value 의 값을 가져온다. ▼ 아래처럼 하면은 셀렉트박스의 text 값과 value 값을 가져오는 방법이 됩니다. A B C var target = document.getElementById("selectBox"); alert('선택된 옵션 text 값=' + target.options[target.selectedIndex].text); // 옵션 text 값 alert('선택된 옵션 value.. 2017. 8. 31.