Local Oriented/HTML CSS JS (105) 썸네일형 리스트형 css 와 javascript 의 문자셋 .css 는 파일 상단에 charset 을 세팅할 수 있다. javascript 는 script 태그의 옵션에 charset 을 세팅할 수 있다. chartjs-plugin-datalabels 그래프 모든 라벨 동시에 표시 CharJS 의 사용법과 옵션은 www.chartjs.org 에 가면 다 나옵니다.. 참고 바랍니다. ^^; 여기서 다룰 것은, chartjs 에서는 툴팁이 마우스 커서를 올려야(hover) 표시되는데.. 모바일 기기에서는 이게 안 되잖아요. 그러니 차트가 그려질 때, 숫자가 모두 보여져야 한다는 거구요. 이걸 해결하기 위해 chartjs 용 플러그인으로 datalabels 를 사용하는 겁니다. 일단 chartjs-plugin-datalabels.netlify.app 를 방문해서 참고하시고.. datalabels 플러그인을 세팅하면 그래프 안에 수치가 주욱 들어갑니다. 그런데, data set 에는 수치로만 넣어야 하기 때문에.. 수치에 대한 단위라든가, 천자리 쉼표 처리는 datalbels 의 form.. 자바스크립트 테스트용 에디터 웹사이트 https://jsfiddle.net/vtepw9zw/3/ HTML/CSS/Javascript 등에 대하여 간단하게 사용할 만한, 그러나 기능은 상당히 만족스러운 에디터.. 그것도 웹사이트에서 이런 기능을 제공하네요. HTML DOM 에 대한 console.log() 내용도 모두 보여줍니다. 간단하게 테스트 하려고, 에티터 켜고 웹브라우저 켜고, 개발자도구 켜고 이럴 필요 없이.. 상기 웹사이트에 접속해서 체크해 보세요. 자바스크립트 개체 GC 자바스크립트에서 생성한 개체를 필요가 없어진 시점에서 강제로 GC (가비지 컬렉트) 할 수 있을까..? 개발자가 임의로 GC 를 작동하게는 할 수 없지만, 해당 개체를 null 처리 함으로써 GC 의 빌미를 제공할 수는 있다. 자바스크립트 변수 생성시 var 를 적용하지 않으면, 모두 전역변수로 설정되면서 화면이 바뀌기 전까지는 메모리를 점유하게 된다. 따라서, 루프 안에서 var 를 사용할 지 루프 밖에서 var 를 사용할 지.. function 안에서 사용할 지, function 밖에서 사용할 지 고민할 필요가 있다. var dom = ''; for( ... ){ dom += '...'; } $('#id').html(dom); dom = null; // 이렇게 null 처리 한다. 물론, 속도를 위해.. 자바스크립트 switch 와 return 익히 알고 있듯이, 아래 형식이 switch 를 사용하는 기본형. switch(변수){ case 값1: 실행문1; break; case 값2: 실행문2; break; case 값3: 실행문3; break; .... default: 실행문; } 물론, 이미 다들 알고 있듯이.. case 여러개가 동일 실행문을 타는 수도 있어서 아래 케이스 가능. switch(변수){ case 값1: case 값2: 실행문1; break; case 값3: 실행문2; break; .... default: 실행문; } 그리고, 자바스크립트는 변수에 대한 type 구분이 흐릿(?)해서 값 부분에 true/false, 숫자, 문자, 문자열 등도 가능. switch(변수){ case '문자열1': 실행문1; break; case '.. font-size, pt 와 px 변환 http://pxtoem.com/ iframe 안에서 실행하고 화면 전환시, 크롬에서 문제 a.jsp 에 기술된 iframe 을 target 으로 b.jsp 를 실행하고 c.jsp 로 화면전환이 되는 프로세스일 때, 크롬에서는 약간의 문제가 있음.. a.jsp 에 아래와 같이 기술.. ... 첫번째 두번째 ... ... b.jsp 에 아래와 같이 기술.. ... 상기와 같이 세팅된 경우.. IE 에서는 target 을 ifrm 으로 하고 href 를 b.jsp 로 하는 첫번째 링크나 funcA() 를 실행하는 두번째 링크나 동일하게 생각한 대로 작동하는데.. 크롬의 경우.. target 으로 .jsp 를 호출하게 했더니, b.jsp 에 기술된 alert('메시지') 가 아무것도 없는 빈 화면에서 알림으로 뜨고.. funcA() 를 호출하게 했더니, IE 와 마찬가지로 a.jsp 화면이 그대로 .. li 태그 안의 텍스트를 td 태그의 align="center" 속성 처럼 가운데 중앙 정렬하는 방법 text A text B text C text A text B text Sub text C 상기와 같이 해서는.. 가로(좌우)로 봤을 때 가운데 정렬이 되지만, 세로(위아래)로는 가운데 정렬이 되지 않습니다. vertical-align 이 적용되지 않는다는 얘기입니다. li 태그 안에 들어가는 텍스트가 1라인 뿐이라면, line-height 속성값을 조정해서 위아래로 가운데 정렬이 된 것처럼 보이게 할 수 있긴 합니다만.. 텍스트가 어떤 것은 1개 라인, 어떤 것은 2개 라인이면 이런 접근법으로는 해결이 되지 않습니다. li 태그에 display:inline 속성을 세팅하면 된다는 분이 계시던데.. 이렇게 되면 width 와 height 속성값이 적용되지 않는다는거 알고 계시죠..? 여기서 논의하고자 하.. 이전 1 2 3 4 5 6 ··· 14 다음