본문 바로가기

JavaScript

(9)
자바스크립트 최적화 (성능 개선) https://velog.io/@wishtree/Javascript-성능-최적화를-둘러싼-고민들 https://velog.io/@godori/JavaScript-프로그램-성능-향상
자바 JSP 에서 DB 에 엔터문자를 넣을 때 2바이트로 저장되는 것을 1바이트로 바꾸려면.. - 자바에서 개행(엔터) 문자는 1바이트로 인식- 자바스크립트에서 개행(엔터)문자는 1바이트로 인식- 오라클에서 개행(엔터) 문자는 1바이트로 인식 그런데..java 에서 오라클에 데이타를 넣을 때,1바이트인 개행(엔터) 문자를 DB 에 넣으면 2바이트가 된다고..그래서 고민하고 찾아보니,OS 에 따라 개행(엔터) 문자를 \n 이 아니라 \r\n 으로 인식하기도 한다는 것.여기서 \n 에 해당하는 오라클 함수는 chr(10), \r 은 chr(13).이제 어떻게 하면 될지 아셨죠..?replace('문자열',chr(13)||chr(10),chr(10)) 으로 해 주면 된다는 거죠.replace('문자열',chr(10)||chr(13),chr(10)) 은 2바이트가 1바이트로 변경되지 않아요.replace..
웹화면 기술 순서에 대한 단상 웹화면은 아래 요소들로 이루어졌다고 볼 수 있다.- HTML 태그와 컨텐츠(리소스, 즉 사진, 음향, 동영상 등등)- HTML 태그와 컨텐츠를 화면에 제대로 표현하기 위한 CSS,- UX 를 담당하는 자바스크립트. (물론, 플래시 등의 요소가 존재하기는 하지만, 가벼운 웹사이트를 지향하자) 각종 컨텐츠는..웹서버에서 사용자 화면으로 내려지기도 하고, 사용자 화면에서 웹서버로 올려지기도 한다. 어쨌든, 사용자가 웹화면을 볼 때에는..웹서버에서 위에서 설명한 요소들이 사용자 웹브라우저에 모두 다운로드 되어야 한다. 물론, 내려지는 시차와 순서가 정해져 있거나 그렇지 않을 수 있다. 이제, 구현하는 입장에서 나열하는 순서를 생각해 보자.요즘엔 HTML5 로 수렴하는 분위기 이다 보니, 과 등이 맨 처음에 온다..
외부 자바스크립트 파일을 호출하는 위치 http://code.i-harness.com/ko/q/6a8bb 태그를 html 의 head 에 넣으면..해당 .js 파일을 다운로드 하는 동안 웹브라우저가 DOM 구조 생성을 연기합니다. 이것이 기본.옛날 웹브라우저나 최근 웹브라우저나 동일한 기능. 그래서, 바로 이전 태그에 상기 script 태그를 넣는 경우가 있었으나..이렇게 하면, 본문에 사용되는 스크립트가 실행되어야 할 때 외부 자바스크립트 파일이 다운로드 될 때까지 기다려야 함. 최신 웹브라우저들은 defer 와 async 옵션을 script 태그에 넣어서, head 에 추가 되었을 때..DOM 구조 생성 과정과 외부 .js 파일 다운로드를 서로 비동기적으로 실행.외부 .js 가 하나라면 두 옵션이 동일한 기능.외부 .js 가 여러개라면 a..
기본 코드, HTML/CSS/JavaScript http://www.instacss.comHTML5 가 지원되는 웹브라우저에서 열립니다. ^^.HTML 태그가 사용 가능한 HTML 버전 (HTML5 냐 HTML4.01) 등이 정리되어 있어요. 사전이라고 보면 됩니다.사이트를 만든 정성이 여간이 아니네요..
자바스크립트 다시 공부 심도있는 개념들이 잘 설명되어 있어요, 예제와 함께..https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide You don't know 시리즈https://github.com/getify/You-Dont-Know-JS/blob/master/up%20&%20going/README.md#you-dont-know-js-up--goinghttps://github.com/getify/You-Dont-Know-JS/blob/master/scope%20&%20closures/README.md#you-dont-know-js-scope--closureshttps://github.com/getify/You-Dont-Know-JS/blob/master/this%20&%20o..
jQuery, a 태그의 target 에 _blank 속성을 부여하여 iframe 안의 링크가 모두 새창으로 열리도록 하는 방법 본문을 iframe 으로 처리하는데, 본문에 a 태그를 이용한 링크가 있는 경우.. a 태그의 target 이 정의되어 있지 않다면 기본값인 _self 가 적용되어, iframe 안에서 링크가 열리는데.. iframe 의 사이즈도 다시 조정해야 하고, iframe 안에서 링크 이전의 페이지로 되돌리기도 그렇고 해서.. 이런 경우에는 a 태그의 target 에 _blank 를 설정하여 새창으로 링크가 열리는 것이 나은데 그 방법은..? 상기 코드에서 onload 에 "javascript:" 를 기술하는 이유는.. IE 에서는 필요없지만 다른 웹브라우저 특히 모바일 기기에서, "javascript:" 를 기술하지 않으면 자바스크립트 함수가 실행되지 않기 때문인데.. 조만간 조치가 되겠지요..? resetLi..
모바일 기기를 고려한다면, onclick 에서도 javascript 반드시 기술 아래와 같이 a 태그나 이미지 맵에서는 href 속성에 javascript 라고 기술하고, 클릭 onclick 이벤트가 들어갈 때는 javascript 를 기술하지 않았었죠..? 클릭 그런데, 모바일에서는 onclick 이벤트에 javascript 를 반드시 기술해야 합니다. 클릭 과 같이 해야 한다는 말씀입니다. ^^.