Home

html input 에서 type number 일 때, 한글 입력은 잘 막아주지만 - 와 + 가 입력됩니다. (minus, plus )이럴 경우 자바스크립트를 사용하여 위의  현상을 쉽게 막을 수 있습니다. // Select your input element. var number = document.getElementById('number'); // Listen for input event on numInput. number.onkeydown = function(e) { if(!((e.keyCode > 95 && e.keyCode < 106) || (e...

위와 같은 구조의 table 을 모바일에서 보이게 하기 위해서 미디어 쿼리를 적용시켜보았습니다.하지만 table 의 크기가 제대로 조절되지 않더라구요. 아래와 같이 스크롤이 생기면서 width 가 제대로 적용되지 않습니다. 이 경우에는 width 를 수정해도 변하지 않습니다. 이 때, 위와 같은 속성을 적용 시켜주면??table-layout:fixed; 위와 같이 width 에 맞게 적용됩니다. 1234.table tr th:nth-child(1),.table tr th:nth-child(2),.table tr th:...

margin : auto 를 해도 중앙 정렬이 되지 않을 수 있습니다. 아래의 경우에는 margin : auto 를 사용하여 중앙 정렬을 하는 것을 보여줍니다. 아래의 시바견은 margin : auto 를 해도 중앙 정렬이 되지 않고 있습니다. 크롬 개발자 도구로 확인 해 보면 margin auto 를 설정 해 주어도 중앙 정렬이 되지 않은 것을 확인 할 수 있습니다.이 때, display : block 을 같이 해 주면 적용이 잘 되는 것을 확인 할 수 있다. 참고 : 부모의 크기도 중요합니다 !! 부모의 크기가 자식과 똑같은지 확인 해 보세요 !! 

var b = "";var ua = window.navigator.userAgent;if (ua.indexOf('MSIE') > 0 || ua.indexOf('Trident') > 0) b = "IE";else if (ua.indexOf('Opera') > 0 || ua.indexOf('OPR') > 0) b = "Opera";else if (ua.indexOf('Firefix') > 0) b = "Firefox";else if (ua.indexOf('Safari') > 0) { if (ua.indexOf('Chrome') > 0) b = "C...

php 를 이용하여 multi image upload 를 구현해보았습니다. 디렉토리가 없는 경우에는 새로 생성해주며, 파일 사이즈가 일정 크기 이상이면 줄여주는 기능을 가지고 있습니다. 소스코드는 html 에 있는 ajax, form태그 , php 소스코드로 이루어져 있습니다. --> html 에 있는 ajax 코드 1234567891011121314151617181920212223242526272829303132333435<script>    $(document).ready(function() {  ...

개발자들은 크롬을 선호합니다.하지만 서비스 이용시 유저들은 익스프롤러에 많이 머물러 있습니다.따라서 익스프롤러의 호환을 생각하지 않을 수 없습니다.  유저가 사용하지 않는 서비스는 의미가 없기 때문이죠. 크롬에서 개발하다가 익스프롤러로 넘어가니 ajax 가 깨지는 문제가 발생했습니다. 크롬에서는 이상 없이 되는데 확인해 보니 한글을 파라미터로 보낼 때 인코딩을 하지 않고 보내서 오류가 나더라구요.jquery 문제인줄 알았는데 살펴보니 제대로 값은 찍는데, ajax 파라미터로 넘어 갈때만 오류가 나더라구요. - 기본적인 ajax 사용법  -1234567891011...

AT128A-75B 라는 Atmega128 MCU을 사용한 제품을 구매해서 처음 구동시켜보려고 합니다.아두이노만 사용하다가 처음 사용하는데 감이 잘 오지 않네요.https://www.devicemart.co.kr/1149213AT128A-75B Plus MKII 라는 제품을 구매했습니다. ( AT128-75B 에 MKll 를 추가로 주는 것 같습니다. )https://www.google.co.kr/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0ahUKEwj5hY3NjI3TAhVCz1QKHeOlA_EQFggaMAA&url=https...

php 이미지 사이즈 줄인 후 업로드 하는 방법을 알아보겠습니다. 크기가 큰 이미지 파일이 넘어오는 경우에는 용량을 줄여야 서버에 보관하기도 쉽고, 다른 파일에서 열어볼 때도 시간 지연 없이 열어 볼 수 있기 때문에 줄이는 경우가 많습니다. php 는 이미지를 업로드 할 때, 임시 파일에 들어있다가 업로드를 하는 방식을 사용합니다.이미지를 업로드 할 때 임시 파일에 있는 파일을 바로 사이즈를 줄여서 업로드 하는 방법과 이미지를 일단 업로드 하고, 그 폴더에 있는 파일을 사이즈를 줄이는 경우가 있습니다. >> form 형식  아래와 같은 형식이고 아래에...

float:left의 부모가 height 를 가지지 않을 때 해결법??위와 같이 아래에 img 와 div 에 float:left 속성을 주고 나서 위의 div 의 크기를 확인해보면??높이가 0 입니다.이 div 에 display: inline-block;속성을 넣으면 해결됩니다.

>> 소스코드>> 모양 ( float: right 적용 전 )위와 같이 div 안에 input 버튼을 놓고 float right 를 해서 보여주고 싶을 때가 있습니다. >> 소스코드 >> 모양 ( float: right 적용 후 )위와 같이 float : right를 하면 원하는 모양이 아니라 아래의 요소들과 겹쳐서 나타나게 됩니다.위를 개발자 도구로 찍어보면버튼은 아얘 상위 부모의 크기에 반영되지 않고 있습니다.위의 소스 코드에서 div에 overflow : hidden;을 추가해주면 ?? 상위 div 는 float-right...