Local Oriented (236) 썸네일형 리스트형 자바스크립트 개체 GC 자바스크립트에서 생성한 개체를 필요가 없어진 시점에서 강제로 GC (가비지 컬렉트) 할 수 있을까..? 개발자가 임의로 GC 를 작동하게는 할 수 없지만, 해당 개체를 null 처리 함으로써 GC 의 빌미를 제공할 수는 있다. 자바스크립트 변수 생성시 var 를 적용하지 않으면, 모두 전역변수로 설정되면서 화면이 바뀌기 전까지는 메모리를 점유하게 된다. 따라서, 루프 안에서 var 를 사용할 지 루프 밖에서 var 를 사용할 지.. function 안에서 사용할 지, function 밖에서 사용할 지 고민할 필요가 있다. var dom = ''; for( ... ){ dom += '...'; } $('#id').html(dom); dom = null; // 이렇게 null 처리 한다. 물론, 속도를 위해.. json 데이타에 key 로 등록한 연도를 역순으로 정렬하여 추출하는 방법 var jsonData = {data:{ 2020:{// year imgGroup:{ '03':{//문자열 ...... } 상기와 같이 데이타가 세팅될 때.. 2020, 2019, ... 와 같이 수치를 뽑고 싶다면, for(year in jsonData.data){ console.log(year); } 와 같이 하면 될까..? 답은 '안 된다'. 왜냐면, 2020 을 수치로 보고 오름차순으로 자동 정렬하기 때문. 그런데, 문자열로 인식하면 오름차순 정렬을 하지 않는다. 문자열로 인식하게 한다고 2020 이라고 세팅했던 것을, '2020':{ 와 같이 세팅하면 될까..? 답은 '안 된다'. '문자열' 로 인식하게 하려면, 문자가 들어있거나 허용되는 특수문자 가 들어가 있거나, '02', '01' 이런식으.. 자바스크립트 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 '.. 웹화면의 특정 영역을 엑셀 파일로 저장할 때, a 링크 없애기 HTML 문서의 특정 DOM 구조를 엑셀 파일로 저장할 때.. 링크가 저장되는 것이 싫다면..? 특정 DOM 공간을 jquery 로 잡아서 복재 .clone() 하고, 복재된 영역에서 a 태그의 상위 태그에 a 태그의 텍스트 .text() 를 넣어 주고, 이를 엑셀로 저장. 여기에서는 HTML 문서를 엑셀로 저장하는 방법은 다루지 않습니다. ^^;; 이를테면 이런식이죠.. var $clone = $('#원본영역의아이디').clone(); // .clone() 원본과 다른 복재 영역이 생성 $clone.find('a').each(function(){ $(this).parent().html($(this).html()); // a 태그 상위 .parent() 태그에 a 태그의 내용을 넣음. 테스트이면 .tex.. 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 속성값이 적용되지 않는다는거 알고 계시죠..? 여기서 논의하고자 하.. iOS 에서 'tel:전화번호' 가 작동하지 않으면? iOS 인데,- 사파리에선 href="tel:전화번호' 가 작동하고- 웹뷰를 가지고 있는 앱에선 작동하지 않음. 이리저리 확인해 보니, https://blog.naver.com/kilmmk/221382693516iframe 안에서 href="tel:전화번호' 가 작동하지 않아서target="_parent" 를 추가하니 정상 작동한다는 얘기는 있지만.. 지금은 iframe 이 아니라 이미지 맵을 사용했던 것.이미지 맵의 area 태그에 target="_parent" 속성을 추가 해도 iframe 관계가 아니다 보니 작동 않음. 그래서, 이미지 맵에서는 작동하지 않는 것으로 최종 진단.이미지를 조각낸 다음, 로 했더니,아이폰에서 전화 앱이 정상적으로 호출됨. 이전 1 2 3 4 5 6 ··· 30 다음