개발자의 끄적끄적

[html/css] html a tag text-decoration-line example / html a태그 밑줄 없애는 방법 html 에서 a태그를 사용하여 링크를 설정하면 링크가 걸린 a태그 안에 내용에 밑줄이 생기는것을 확인할 수 있습니다. 그럴때 밑줄을 제거하는 방법을 공유하려고 합니다! text-decoration-line: none; 위에 나온 내용을 밑줄을 없애고자 하는 a 태그의 css style 로 추가해주면 됩니다. 참고들 하세요!

[javascript/jquery] javascript kst example / 자바스크립트 한국 시간 구하는 방법 javascript 에서 KST 즉, 한국시간을 구해야 하는 경우가 있습니다. 간단히 설명하면 기준이 되는 UTC 를 구해서 9시간 차이가 나는 한국시간을 구해주면 됩니다! var cur_date = new Date(); var utc = cur_date.getTime() + (cur_date.getTimezoneOffset() * 60 * 1000); var time_diff = 9 * 60 * 60 * 1000; var cur_date_korea = new Date(utc + (time_diff)); 위 내용 보시면 아시겠지만, 현재시간을 기준으로 UTC 를 구하고 그것을 9시간 차이를..

[html/css] html form enter submit disable example / html 폼 엔터 submit 방지하는 방법 html 에서 form 데이터를 다루다 보면 버튼을 클릭시 폼이 전송되게 처리를 합니다! 그중에서 버튼의 타입도 button 이고 잘 설정되어 있는데 엔터키 입력시 submit 이 실행되서 페이지가 새로고침 되는 경우가 있는데요! 그럴때는 아래와 같은 방법으로 처리하시면 됩니다! 바로 onsubmit 옵션을 이용하는 방법인데요! onsubmit="return false;" 위와 같은 옵션을 아래 나온 내용처럼 form 에 추가하시면 됩니다! 참고들 하세요!

[html/css] css border-radius example / css로 특정 영역 동그랗게 만드는 방법 html 에서 이미지나 특정영역을 동그란 원과 같이 만들어야 하는경우에는 아래 나와있는 border 옵션을 해당 태그에 추가해주면 됩니다! border-radius: 70%; 만약 동그란 원이 아닌 꼭지점 4개만 둥그런모양으로 하고 싶은경우에는 아래 처럼 border-radius 옵션을 30%로 설정하면 됩니다! border-radius: 30%; 참고들하세요!

[html/css] css hide scroll bar example / css 로 스크롤 바 숨기는 방법 html 에서 특정영역에 생성되는 스크롤바를 노출시키고 싶지 않은 경우에는 아래와 같이 css 를 이용하면 스크롤바를 노출하지 않고 스크롤 기능은 유지할 수 있습니다. 아래와 같이 main 이라는 클래스 명을 가지는 div 가 있다고 가정하고, IE 이거나 Firefox 브라우저의 경우는 아래와 같이, .main { -ms-overflow-style: none; scrollbar-width: none; } Chrome 이나 Safari 브라우저의 경우는 아래와 같이 .main::-webkit-scrollbar { display: none; } css 를 적용하시면 됩니다! 참고들 하세요!

[html/css] html video tag border none example / html 비디오 태그 테두리 제거하는 방법 html 에서 video 태그를 사용하여 영상을 재생하는 코드를 다루다 보면 영상이 재생되었을때 비디오 테두리 영역이 생기는 현상이 있습니다! 그럴때는 아래와 같이 css 를 이용하시면 됩니다! 우선 video_player 라는 아이디를 가지는 video 태그가 있다고 가정하고, 아래와 같이 css 옵션으로 outline 와 border 를 none 으로 설정하시면 됩니다! #video_player { outline: none; border: none; } 참고들 하세요!

[javascript/jquery] javascript random number example / 자바스크립트 랜덤 자리숫자 생성 예제 javascript 에서 특정 자리숫자를 랜덤으로 만들어내야 하는 경우가 종종 있습니다. 그럴때 사용할 수 있는 함수를 공유하고자 합니다. function rnd_num(n) { let num = '' for (var i = 0; i < n; i++) { str += Math.floor(Math.random() * 10) } return num; } 위 내용 보시면 아시겠지만, rnd_num 함수에 입력받은 값이 길이가 됩니다! 즉, rnd_num(3) 이면 3자리 랜덤 숫자가 생성되서 리턴됩니다! 참고들 하세요!

[php] php img tag src example / php img 태그 src 추출하는 방법 php 에서 에디터를 이용해 입력된 컨텐츠의 내용을 다루다 보면 즉, html 태그들이 들어있는 내용을 다루다 보면 img src 만 뽑아내야 하는 경우가 있습니다. 썸네일같은것을 보여주기위해서도 자주 사용되는대요. 그럴때는 아래 나와있는 2개의 정규식을 활용하시면 됩니다! preg_match("/]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $content, $img); preg_match_all("/]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $content, $img); 참고들 하세요!