Home

http://melonicedlatte.com/2017/05/09/011046.html위의 링크에서 익스프롤러를 위한 form 을 encoding 하는 방법을 기술했었습니다. 위의 작업과 동시에 회사 프로그램에서 기존에는 이미지를 따로업로드 하고 글을 완성 시키는 형태로 게시판 작업을 했었는데요.다소 불편하다는 말이 나와서 한 번만 버튼을 누르면 전체 글이 완성되게 (이미지 업로드를 따로 하지 않게 )프로그램을 수정하였습니다. 그런데 잘 돌아가던 프로그램이 잘 돌아가지 않더라구요.원인을 살펴보았습니다. 원인은 사진을 encoding 하면 안된다는 것이었습니다. 사진 같은 경우에는...

위와 같은 로고는 크기가 890 * 595 정도 되는 사진입니다. 이 로고를 50 * 50 의 a 태그의 background 로 설정해주면 아무 것도 보이지 않습니다. 이는 이미지의 투명한 부분만 보이기 때문입니다. 이럴 경우에는  아래와 같이 입력하여 최적화 해 주어야 합니다. background-size: 100% 100%;height: 50px;width : 50px;background size 를 100% 100% 으로 설정하면 됩니다. 

아래의 뉴스는 인력 사무소의 수수료 문제점을 자신의 이야기 처럼 풀어서 쓴 좋은 글입니다. 아래의 뉴스도 보고 제 경험과 덧불어서 포스팅하겠습니다. 인력들은 항상 힘들게 일하시는데요. 항상 수수료 문제가 거론됩니다. 이전부터 많이 거론되어 왔던 문제입니다. 현재 인력 사무소에서는 10% 의 수수료를 떼가는 것이 관행화 되어 있습니다. 이 문제는 단순히 인력들을 착취하는 것 처럼 보일 수 있지만 사실은 인력사무소도 위험을 떠 앉게 됩니다. 인력사무소에서는 현장에서 일 하고 온 인력들에게 전부 임금을 당일 지급해야됩니다....

제목과 같습니다. 함수를 하나 제작해서 내부에서 ajax 를 사용하고, ajax 값을 return 하려면 함수의 값이 undefined 로 나오는 현상이 발생합니다. Ajax 를 사용하고 내부에서 ( 가령 success ) 같은 곳에서 return 을 해주면 제대로 return 되지 않습니다. >> 작동하지 않는 예시function imgUploadfun() { $.ajax({ url: "mainImageUpload.php", // Url to which the request is send type: "POST", // Type of re...

<input name="workTime" id="workTime" type="text" class="input">위와 같은 구조에서는 오른쪽에 화살표 증가, 감소 버튼이 나오게 됩니다.제거하려면?가장 간단한 방법은 아래의 css 를 적용하는 겁니다. input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}뜨지 않습니다. - 참고출처 http://web-atelier.tistory.co...

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() {  ...