본문 바로가기
728x90
반응형

HTML519

HTML 특수문자 리스트 http://kor.pe.kr/util/4/charmap2.htm HTML 특수문자 리스트 ßßßSmall sharp s, German (sz ligature) kor.pe.kr 2024. 2. 23.
크롬 HTTP를 HTTPS 자동 전환 해제 방법 Chrome 주소창에 chrome://net-internals/#hsts 를 입력한다. 왼쪽 메뉴 중 맨 아래의 Domain Security Policy를 클릭한다. 맨 아래에 보면 Delete domain security policies가 있고 Input Box가 하나 있는데 거기에 localhost를 입력하고 Delete를 눌러준다. (나는 localhost에서 이 문제가 발생해서 localhost를 지운거고 만약 다른 사이트에서 이 문제가 발생한다면 해당 사이트 주소를 입력해준다.) 여기까지 했는데도 계속 https로 붙는다면 chrome://settings/clearBrowserData 를 주소창에 입력하여 문제가 발생한 시점부터의 인터넷 기록, 캐시, 쿠키 등을 삭제해준다. 2023. 10. 25.
엑셀 자동채우기 계산 안될때 I열과 J열을 더해 L열에 값을 뿌려주어 자동채우기를 하여 계산 되어야 하는데 계산이 안될경우 파일 > 옵션 > 수식 > 통합문서계산 [수동(M)] 에서 [자동(A)]로 변경 해주어야 한다. 2023. 3. 9.
HTML 인쇄시 페이지 여백 컨트롤 하기 https://otep.tistory.com/155 HTML STYLE CSS 인쇄시 페이지 기본 여백 설정하기. 이전 포스트에서 크롬과 익스플로러에서 각각 인쇄 미리보기 페이지가 팝업 되게 하는 자바스크립트 소스를 봤었습니다. 각각 띄워놓고 보니 여백이 달라서 다른 페이지 처럼 보입니다. 인쇄가 otep.tistory.com 2023. 2. 1.
[스크립트] 주말 제외 일수 계산 하기 https://jeffrey-oh.tistory.com/299 두 날짜 일수 계산 & 주말 제외 일수 계산 // 두개의 날짜를 비교하여 차이를 알려준다. function dateDiff(_date1, _date2) { var diffDate_1 = _date1 instanceof Date ? _date1 : new Date(_date1); var diffDate_2 = _date2 instanceof Date ? _date2 : new Date(_date2); diffDate_1 =new Date(d jeffrey-oh.tistory.com 2023. 1. 11.
Script 영역 비활성화 하기 ....생략 2022. 11. 25.
데이터 크기 계산기 https://ko.calcuworld.com/%EB%B9%84%EC%A6%88%EB%8B%88%EC%8A%A4/%EB%B0%94%EC%9D%B4%ED%8A%B8-%EA%B3%84%EC%82%B0%EA%B8%B0/ 바이트 계산기 - 계산기 우리의 바이트 계산기를 사용하여 바이트를 킬로바이트, 메가바이트, 기가바이트, 테러바이트로 계산해보세요. 환율 변환기 [was-this-helpful] 바이트 계산기는 어떻게 사용하나요? 바이트 계산기 ko.calcuworld.com 2022. 10. 14.
CSS 예제 사이트 https://csshint.com/ 2022. 9. 20.
웹페이지 Title icon 크롬 Tap 등 사이트 상단에 Icon 넣어보기. Main 페이지에 아래 img 경로를 잡아 주면 tistory와 같은 [ 글쓰기 ] 앞 이미지가 생성이 됩니다. 참고* https://dasima.xyz/html-title-%EC%9D%B4%EB%AF%B8%EC%A7%80-icon/ HTML title 이미지 또는 icon 적용하는 방법 - dasima HTML title 이미지 또는 icon을 표시하는 방법은 무엇일까요? 이미지 파일을 ico 확장자로 변경후 link 태그에 링크시키면 됩니다. 이 때 rel 속성및 type 속성에 몇 가지 속성값을 추가해주면 됩니다. dasima.xyz 2022. 6. 23.
[ jQuery ] extend() 함수 사용 방법 jQuery.extend() 함수는 복수의 오브젝트를 합쳐서 되돌려 주는 함수 var a = { id : 1, name : 'HoYam' }; bar b = { name : 'HoYam-new' age : '00' }; $.extend(a, b); console.log(a) 결과 : { id : 1 , name : "HoYam-new", age : "00" } $.extend(a,b)를 실행하면 b의 값을 a에 합쳐 줍니다. 같은 프로퍼티가 존재 한다면 b의 값으로 덮어쓰기를 하며 b에 있는 프로퍼티가 새로운 값이라면 추가가 됩니다. a의값 name : HoYam 의 값이 b의 값 name HoYam-new로 덮어씌어진것을 확인 할 수 있습니다. 그리고 extend() 함수는 파라메타로 넣을 오브젝트의 .. 2022. 1. 4.
[jQuery] .done/.fail/.always 에대해 알아보자 $.ajax({.......}).done() 요청성공 Callback $.ajax({ url : '요청할 주소', async : true, // true 동기 / false 비동기 요청 type : '전송 방식', // POST, GET, PUT data : {키 : '값'}, dataType : '데이터 유형' // text, xml, json, script, html }).done(function(res) { ... } ) // 요청 성공 후 CallBack 함수 $.ajax({.......}).fail() 요청실패 Callback $.ajax({ url : '요청할 주소', async : true, // true 동기 / false 비동기 요청 type : '전송 방식', // POST, GET, .. 2022. 1. 4.
한글 유니코드 간편 변환하기 개발을 하다보면, 간혹 한글을 유니코드로 변환해야할때가 있습니다. 아래에 한글을 입력하면 유니코드로 변환해주는 프로그램 입니다. 한글 입력 유니코드 입력 참고 * Unicode 인코드/디코드 도구 URL 인코드/디코드 도구 2021. 11. 24.
스크립트 문자열 자르기[재귀호출] HTML 태그에 대한 내용을 변경해주는 로직입니다. 아래 로직에 대한 설명을 하자면 전체 String을 넘겨주면 Element가 있는 곳의 위치를 indexOf 함수를 통해 찾고 substring을 통해 시작 Element부터 까지의 길이를 잘라 replaceAll 함수를 통해 으로 값을 치환해주는 로직입니다. var un_temp = strRplace(temp); function strRplace(str){ //IE에서 class=amt를 " " 넘어오지 못하고 ' ' 넘어와 크롬과 IE 처리 로직을 아래와 같이 분기 처리 //를 indexOf를 통해 한번 찾고 동일한 값이 없으면 -1로 넘어와 //정말로 없는지 다시 한번 를 재 검색하여 -1보다 크면 해당 데이터가 있으므로 데이터 변경 //처리 va.. 2021. 11. 16.
IE replaceAll동작하지 않아 스크립트 구현 크롬에서는 replaceAll을 사용하여 문자열에 공백을 전부 치환할수있다. a = "abc abc abc" a.replaceAll(" ","") 결과 : "abcabcabc" Explorer 11에서는 replaceAll이 사용이 불가능 하다. a.replace(/ /gi,""); 결과 : "abcabcabc" 정규식을 통하여 모든 문자열을 바꾸는 식으로 하면 된다. 정규식 gi설명은 g : 발생할 모든 pattern에 대한 전역 검색 i : 대/소문자 구분안함 m : 여러줄 검색 이런식으로 사용 한다. 스크립트 함수생성으로 replaceAll 대체 this.replaceAll("abc abc abc", " ", "") function replaceAll(str, searchStr, replaceStr.. 2021. 11. 8.
[CSS] 공통선택자 * (Asterisk) 활용방법 CSS 공통 선택자란? 일반적으로 선택자가 요소를 선택하여 필터링 하기 위함이라면 공통선택자는 모든 요소 및 그 하위 요소를 선택하여 스타일 지정하는 것이 목적 입니다. CSS 공통선택자 예제 * { color : #666, font-size: 10px; } * { font-family:Arial } CSS 요소선택 예제 span { color : #666 } span {font-family:Arial} 2021. 11. 4.
날짜 영문표기 함수 날짜입력을 20211019 텍스트 형식으로 받아 자릿수만큼 잘라 setFullYear에 지정해주고 toDateString()함수를 사용해주면 fri sep 9 2011 과 같이 요일포함하여 출력된다. split으로 ' '공백부분부터 자른 후 배열 [1] 부터 시작 하면 요일이 제거된 sep 9 2011 월/일/년도 로 출력된다. 2021. 10. 19.
천단위 금액 천단위 콤마변화 소수점포함된 천단위 금액 콤마 정규식 스크립트 금액 입력 : 결과 : 2021. 10. 19.
undefined를 if문으로 체크하는 방법 문자열을 체크하다보면 종종 undefined와 null을 만난다. 이때 if(문자열 == "") 와 같은 방식으로는 처리가 되지 않을 경우가 있어 아래와 같이 함수를 생성하여 사용하는 방법이 좋다. formatStr: function(values){ if (typeof values == "undefined" || values == "" || values == null){ return ""; }else{ return values; } } typeof 연산자 : 변수의 데이터 타입을 반환하는 연산자 typeof를 사용하지 않고 undefined를 비교할때에는 if(문자열 == undefined)로 "" 따옴표 없이 사용해야 한다. typeof undeclaredVariable : 미정의된 변수는 "undef.. 2021. 6. 30.
자바스크립트 innerHTML 활용 ●innerHTML="" - HTML 요소에 접근하여[ Name ] 을[ 홍길동 ]으로 바꿔 출력하게 만들려면 이 속성을 사용해야 한다. - HTML 요소에 접근하려면 document.getElementByID 메서드를 함께 사용한다. Name function button1_click() { var name = document.getElementById("name"); name.innerHTML = "홍길동"; } function button2_click() { var name = document.getElementById("name"); name.innerHTML = "Name"; } Name 2021. 6. 28.
728x90
반응형

티스토리툴바