i'm working on it

사진, 캠핑을 좋아하는 휘현/휘흔 아빠의 Life Log입니다

工夫/HTML+CSS

기본구조 flex는 container 와 item 의 두가지 요소로 구성된다. ... ... ... 기본사용 display:flex; ※ display:inline-flex; 는 인라인레밸의 컨테이너가 생성됨, 이렇게 적용하면 컨테이너의 정렬이 가로로 정렬된다. ※ display:flex; 자식요소들이 flex item의 성격을 갖게 된다. flex container 주요속성 justify-content flex-start //기본값입니다. 좌측정렬 flex-end //우측정렬 center //가운데정렬 space-between //아이템과 아이템사이의 일정한 간격 space-around //아이템의 앞뒤로 일정한 간격을 space-evenly //아이템 외의 남는공간을 아이템 사이에 일정하게 배분 ju..

2021. 5. 19.

工夫/JAVASCRIPT+JQUERY

each(); jQuery를 사용해 배열을 관리하고자 할 때 each() 메서드를 사용할 수 있다. each() 메서드는 매개 변수로 받은 것을 사용해 for in 반복문과 같이 배열이나 객체의 요소를 검사할 수 있는 메서드 each()의 2가지 사용타입 // jQuery 유틸리티 메서드 $.each(object, function(index, item){ }); // jQuery 일반 메서드 $(selector).each(function(index, item){ }) ※ 상세정보는 별도로 다루기로 함 change() 해당하는 요소의 value에 변화가 생길 경우 이를 감지하여 등록된 callback함수를 동작시킵니다. 해당 코드는 input,textarea,select 태그에 동작합니다. ※ 태그에서 파..

2021. 5. 16.

工夫/JAVASCRIPT+JQUERY

$(function(){ $("div .CLASS NAME").click(function() { if ($("input[name=INPUT NAME]").is(":checked")) { $("#BLOCK ID").show(); } else { $("#BLOCK ID").hide(); } }) }); ... ※ toggleclass를 이용하는 방법도 많이 쓰인다.

2021. 5. 16.

工夫/PHP

※ 통상적으로 unixtime은 초단위로 된 10자리수의 숫자로 표시된다. (1970년 이후의 시간을 초단위로 환산) ※ 위 코드를 화면상에서 보면 2021-05-13 16:21 로 표기된다. H:i 를 지우면 년-월-일 만 표시된다. (통상 사용)

2021. 5. 14.

工夫/HTML+CSS

※ 수시로 나타나는 이녀석때문에.. 은근히 스트레스다. 겪어본 사람은 다 안다.

2021. 5. 12.

工夫/HTML+CSS

html { /* Prevent font scaling in landscape */ -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/ -moz-text-size-adjust: none; /*Firefox*/ -ms-text-size-adjust: none; /*Ie*/ -o-text-size-adjust: none; /*old versions of Opera*/ } ※ 특히 이 증상은 아이폰에서 심하다.

2021. 5. 12.

工夫/ETC

How to set Summernote editor's width in percentage Now I'm using Summernote text editor. Is there any way to set its width and height in percentage? Unfortunately, I can't find any answer at all. editor.summernote({ //buttons in toolbar stackoverflow.com ※ 정작 위에서 처럼 하면 제대로 동작하지 않는다. 섬머노트의 css.min 의 .note_editor 에 !important로 width= % 값을 준다. 이때 단위는 em, rem을 줘도 되지만, 범용적으로 %를 주는것이 좋다. "simple is be..

2021. 5. 12.

工夫/JAVASCRIPT+JQUERY

1. jQuery.com CDN : 2. 구글 CDN : 3. MS CDN : 4. CDNJS CDN : 5. jsDelivr CDN : 항상 최신버전을 가져오기

2021. 5. 11.