자바스크립트 (22) 썸네일형 리스트형 자바스크립트 최적화 (성능 개선) https://velog.io/@wishtree/Javascript-성능-최적화를-둘러싼-고민들 https://velog.io/@godori/JavaScript-프로그램-성능-향상 자바스크립트 데이타 최적화....? - 자바스크립트 기본원리 : Shape (Mozilla 의 SpiderMonkey 에서 사용되는 용어) 와 ICs(인라인 캐시) o shlrur.github.io/javascripts/javascript-engine-fundamentals-shapes-and-Inline-caches/ o meetup.toast.com/posts/78 참조 (내용이 겹친다 싶으면, 아래로 스크롤 해서 결론 부분만 읽어 보심이..) o engineering.huiseoul.com/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%8A%94-%EC%96%B4%EB%96%BB%EA%B2%8C-%EC%9E%91%EB%8F%99%ED%95%98%EB%8A%94%EA%B0%80-.. 자바스크립트 테스트용 에디터 웹사이트 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 '.. 자바스크립트 이벤트 버블링을 피하는 하나의 방법 https://tk2rush90.blog.me/221092659287 참조버블링과 캡처링, 그리고 메모리 관계 -------------------------------------------------------------------------------------------------- 아래 그림과 같이..함수(funcA 라 하자)가 씌워진 태그(tagA 라 하자) 카드별칭 위에또 다른 함수(funcB)가 씌워진 다른 태그(tagB 라 하자) 삭제 버튼이 올려진 상태에서..삭제 버튼이 아닌 카드별칭 전체 영역에서는 funcA 가 실행되고,삭제 버튼에서만 funcB 가 실행되게 하려면..자바스크립트 버블링 현상과 맞닥뜨리게 된다. 이를 해결하려면, 자바스크립트 이벤트 중에 버블링이 적용되지 않는..mous.. 자바스크립트 배열 배열 기초 개념과 관련 함수들https://blog.naver.com/aneminw/220993889627 json 과 배열https://auswendy.blog.me/221139052120 외부 자바스크립트 파일을 호출하는 위치 http://code.i-harness.com/ko/q/6a8bb 태그를 html 의 head 에 넣으면..해당 .js 파일을 다운로드 하는 동안 웹브라우저가 DOM 구조 생성을 연기합니다. 이것이 기본.옛날 웹브라우저나 최근 웹브라우저나 동일한 기능. 그래서, 바로 이전 태그에 상기 script 태그를 넣는 경우가 있었으나..이렇게 하면, 본문에 사용되는 스크립트가 실행되어야 할 때 외부 자바스크립트 파일이 다운로드 될 때까지 기다려야 함. 최신 웹브라우저들은 defer 와 async 옵션을 script 태그에 넣어서, head 에 추가 되었을 때..DOM 구조 생성 과정과 외부 .js 파일 다운로드를 서로 비동기적으로 실행.외부 .js 가 하나라면 두 옵션이 동일한 기능.외부 .js 가 여러개라면 a.. 이전 1 2 3 다음
