본문 바로가기

전체 글

(354)
HTML 코드 작성규칙 HTML 코드 작성규칙 기본 규칙 DTD를 제외한 모든 요소와 애트리뷰트는 소문자로 작성합니다 애트리뷰트 값은 큰따옴표("")로 묶습니다. 아이디와 클래스의 속성 값은 숫자, 대문자, 특수문자로 시작할 수 없습니다. 애트리뷰트의 속성의 값은 숫자, 특수문자로 시작할 수 없으며, 대문자로는 시작할 수 있습니다. 아이디 아이디는 소문자 카멜 표기법 을 사용합니다. 스타일 지정을 위해 사용하지 않으며, DOM 조작을 위해 사용해야 합니다. 주의 사항: 숫자, 대문자, 특수문자로 시작할 수 없습니다. ... ... 클래스 아이디와 시각적 구분을 위해 하이픈 표기법 을 사용합니다. 이미 수 많은 FrontEnd 개발 프레임워크 및 javascipt 플러그인의 코딩 스타일도 하이픈 표기법을 사용하고 있으며, 프로젝..
Visual Studio - 자주 사용하는 단축키 Visual Studio - 자주 사용하는 단축키 문자 검색/치환 Ctrl+F: 문자 검색 Ctrl+H:문자의 치환 직사각형 선택 Alt 키를 누른 상태에서 마우스로 원하는 직사각형 모양의 범위를 만든다. 자동 인덴트(indent) Ctrl+K, Ctrl+D: 파일 전체의 인덴트 조정 Ctrl+K, Ctrl+F: 선택 범위의 인덴트 조정 코드 개요 확장/축소 Ctrl+M, Ctrl+L: 파일 전체의 개요 확장/축소 Ctrl+M, Ctrl+M: 선택 범위의 개요 확장/축소 주석 Ctrl+K, Ctrl+C: 선택 범위의 주석화 Ctrl+K, Ctrl+U: 선택 범위의 주석 해제 클립 보드 링 Ctrl+Shift+V: 클립 보드 링을 사용하여 이전에 복사한 데이터를 순환하면서 붙이기 할 수 있다. 함수 정의로..
스택(Stack) 구현 https://javaking75.blog.me/220226369586 [자료구조] 자바스크립트로 스택(Stack) 구현 스택은 가장 윗부분에서만 자료의 추가와 삭제가 일어나므로 실행속도가 빠르고 구현이 쉬운 효율적인 자료... blog.naver.com (신버전) https://helloworldjavascript.net/pages/282-data-structures.html 불러오는 중입니다...
12 시간 AM/PM 형식으로 표현 var d = new Date('1999-12-31 13:46'); // returns date object in 12hr (AM/PM) format function formatAMPM(date) { var yyyyMMdd = date.getFullYear()+ '. ' + (date.getMonth()+1)+ '. ' + date.getDate(); var hours = date.getHours(); var minutes = date.getMinutes(); return yyyyMMdd + ' ' + (hours < 12 ? 'A' : 'P') + 'M' + ' ' + (hours % 12 || 12) + ':' + minutes.toString().padStart(2, '0'); } formatAMP..
숫자 3자리 단위마다 콤마(comma) 찍기 function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } 참고 - 참고 : http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript 출처: https://fruitdev.tistory.com/160 [과일가게 개발자]
ajax 로 데이타를 처리할 때 request 의 Referer 를 반드시 체크할 것 String referer = request.getHeader("Referer"); // 보안성 검토. 정상적이지 않은 방법으로 접근시 차단 if(referer.length()==0) return; // 엉뚱한 곳에서 호출하면 리턴, 이건 해킹 시도라고 봐야지.. else if(referer.indexOf("aaa.jsp")>-1) ; // http://www..../aaa.jsp 명확한 경로를 기술 else if(referer.indexOf("bbb.jsp")>-1) ; // http://www..../bbb.jsp 명확한 경로를 기술 else if(referer.indexOf("ccc.jsp")>-1) ; // http://www..../cccjsp 명확한 경로를 기술 else{ System.out...
[정보] 모레가 한글날이기에 무료로 몇개 드립니다 (기간한정 다운로드) 원본 출처 - http://www.etoland.co.kr/bbs/board.php?bo_table=hit&wr_id=1926189&sca= 모레가 한글날이기에 무료로 몇개 드립니다 (기간한정 다운로드) 안녕하세요 감성 한글폰트를 만드는 창작자입니다.내일모레가 한글날이기에 이번주까지 그동안 제작했던 폰트를 무료로 배포하기로 결정했습니다.큰 폰트회사들… www.etoland.co.kr 다운로드는 위의 링크를 이용해 주십시요 아래 게시글은 개인 소장용으로 발췌하였습니다. ---------------------------------------------------------------------------------------------------------------------------- 안녕하세요 감성 ..
History 객체 https://developer.mozilla.org/ko/docs/Web/API/History_API 브라우저 히스토리 조작하기 DOM의 window 객체는 history 객체를 통해 브라우저 히스토리에 접근할 수 있습니다. HTML5의 history 객체는 사용자 히스토리에서의 앞 뒤 이동이 가능하도록 유용한 메서드와 속성들을 제공하며, history stack의 내용을 조작할 수 있게 합니다. developer.mozilla.org https://iamawebdeveloper.tistory.com/42 History 객체 History 객체 Window 객체의 history 프로퍼티는 History 객체를 가리킨다. History 객체 모델은 브라우징 히스토리를 문서와 문서 상태 목록으로 저장한다...