[jQuery] $(document).ready()
·
Web/FrontEnd
jQuery 를 사용한 웹 페이지 코드를 보면 항상 등장하는것이 해당 코드 $(document).ready()이다. 1. 용도 Web Document 객체가 모두 준비되었는지를 체크하고 리턴해주는 메소드이다. 오로지 페이지를 열 때 단 한번만 실행되며 이 메소드가 true를 반환할 때 DOM은 Javascript code 실행이 준비된다. 2. 비교 $(window).on("load", function(){}) : 모든 페이지 (image, iframes)가 로드될 때 까지 기다린다. DOM은 당연히 준비된 상태이고 + BOM 까지 준비된 상태인지 확인하여 리턴 3. 예시
Bootstrap 시작하기.
·
Web/FrontEnd
1. What's bootstrap? 트위치 홈페이지의 프론트엔드 디자이너들이 만들어 놓은 웹 개발 디자인 프레임워크 2. 구성 HTML CSS 대표적인 예로 자주쓰이는 것이 navbar (네비게이션 바) 3. 적용하기 위해 필요한 파일들 bootstrap.css jquery popper.js ※ bootstrap 4.0 버전부터 popper.js 포함이 필수가 되었다. 파일을 직접 로컬에 다운받아서 포함시켜도 되고 외부링크를 걸어도 좋다. ※ min이 붙으면 Minified version 으로 파일 용량을 최소하 하기위해 압축한 파일이란 뜻. 붙지 않으면 당연 Uncompressed file [외부 링크 사용 예시] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Hello, world! H..
스타일 적용 우선순위 & n-th selector
·
Web
[CSS] 적용 우선 순위 Inline > Internal > external style 순 Inline IDs Internal external style="color: #ffffff;" #id { color: #ffffff } a:hover { color: #ffffff } div, h1, :before, :after 두 가지 같은 등급시 가장 마지막으로 적용한 것이 우선순위 高 특정도 계산식 존재 specify 특정도가 높을 수록 우선순위 高 nth-child() 특정 n번째 있는 요소 선택자 :nth-child(an + o) o: offset 상수 n의 시작점은 0, 1, 2 ... a, o 는 정수만 가능. [Reference] https://www.w3schools.com/cssref/sel_n..
[CSS] position 설정시 유의점
·
Web
[문제 상황] 부모태그가 공간을 차지하지 못하고 자식이 부모 공간을 무시. text-align.html Button CSS 노가다 리얼루다가 홍콩가버려 얘는 정렬 되는데 ? H2 터줏대감 df ㅇㄹ ㄹㅇ ㅁㄴ H2 아래대감 text-align.css .font_big{ font-size : 2em; } .font_italic{ font-style: italic; } .font_bold{ font-weight: bold; } .font_center{ text-align: center; font-family: 'Malgun Gothic'; } /* css에 먼저 정의된 순서중 가장 먼저 선언된 것이 나옴. */ .box{ width: 100px; height: 100px; position: absolute;..
imagemagick module PDF->png 권한 설정 Error
·
Web/Nodejs
🔒 문제상황 권한이 없다고 나오는 경우 [원인 & 해결] Imagemagick policy.xml 파일에 policy 변한 권한설정이 none으로 되어있음. 그리고 그것을 rights = "none"에서 rights = "read | write"로 변경하십시오. 또는 policy.xml 파일명 변환 $ sudo mv /etc/ImageMagick-6/policy.xml /etc/ImageMagick-6/policy.xml.Backup 🔗 Reference ImageMagick not authorized to convert PDF to an image I have a program, in which I need to convert a PDF to an image using Image Magick. I do..
[JavaScript] 배열 특정원소 삭제
·
Web/Javascript
1. Array 생성자 함수 Prototype에 Remove 메소드 정의 splice method 사용하여 정의한 Array.prototype.remove 메소드 맹점이 하나 있다. index 0 1 2 3 4 5 6 7 8 9 value 19 24 56 60 71 68 40 80 91 100 50이하의 원소는 삭제해야되는데 대체 왜 24는 살아남았는가? (19와 40은 정상적으로 삭제되었다.) remove가 일어날 때마다 배열이 재정렬 되기 때문이다. 즉 for loop 1번째 싸이클에서 19가 삭제되면 배열상태는 다음과같아진다. index 0 1 2 3 4 5 6 7 8 value 24 56 60 71 68 40 80 91 100 원래 index 1에 해당하던 원소 '24'가 index 0으로 당겨진..