웹 만드는 또름이

안녕하세요 또르미 입니다.백만오천년만에 Jquery 관련 글 하나 써봅니다... 주위에 초보 친구들이 자꾸 물어보는게 비슷비슷해서 아싸리 남겨놓으면'내가 덜 말해줘도 되잖아' 오늘 간단하게 작성할 내용은 Juqery로 각종 입력폼을 제어하는 방법입니다. id, name, data등... 여러가지 방법이 있지만 제가 편한 방법으로 몇가지만 적어 두었습니다용  사용자 명사용자 나이 10 20 30 40사용자 성별남성여성사용자 취미등산낚시게임 일단 예제로 사용될 HTML입니다. 엮시 간단합니다. input, select, radio, checkbox만 우선 정리하였읍니다.웹개발을 하게 되시면서, DB에서 값을 불러오든 유효성 검사를 해서 특정값을 제어하든... 입력폼에 대한 변경이 굉장히 자주자주자주자..

안녕하십니까 백수가 된 또르미입니다. 얼마전까지 그리 바쁘더니... 앞으로 뭐해먹고 살지 막막하네요... 이참에 쉬면서 해보고 싶었던 프로젝트나 해봐야겠습니다. 혼자서 프로젝트를 진행해보려니 웹 퍼블리싱, 디자인이 막막하지만... 남는게 시간이니 열심히 해서 개고수가 되어 보겠습니다. ㅎㅎ 오늘은 정말 간단하게 javascript 라이브러리를 이용하여 지도를 그리고, 원하는 위치에 핀을 꽂는 기능을 풀어보겠습니다 해당 지도 라이브러리는 leafletjs 입니다. https://leafletjs.com/ Leaflet — an open-source JavaScript library for interactive maps Leaflet is a modern, lightweight open-source Java..

나날이 격무에 시달리고있는 또름입니다......살려주세요 너무 포스트를 안올려서 오늘은 간단하게 pinch zoom 구현한 것을 포스팅하겠습니다 //pinch 진행 상태 let scaling = false; //pinch 초기 거리 let setDist = 0; $("#img").on("touchstart", function(event){ if(event.originalEvent.touches.length === 2){ scaling = true; } }) 터치스타트 이용해서 2개의 터치포인터가 이벤트에 잡히면 scaling 변수를 true로... $("#img").on("touchmove", function(event){ if(scaling){ var dist = Math.hypot( event.ori..

안녕하세요 나날이 격무에 시달리고 있는 또름입니다. 오늘은... 회원가입이나, 무엇을 판매하기전 금액을 설정할때 등등 Input 태그에서 "입력할때" 간단히 유효성을 맞출수 있는 jquery를 슥슥 써보겠다. Input이란... 무슨 정보를 받아야되냐에 따라서 숫자만 받아야 할 경우도 있고 전화번호 같은 경우에는 자동으로 하이픈(-)을 붙여서 형식을 통일 시켜야 할 경우가 있다. (아무리 Input위에 숫자만 입력해달라고 해도 문자 넣으시는분들 천지..!) 이게 기본중의 기본으로 submit 할때나 backend에서 유효성을 검사하겠지만 (하겠죠?안하면 박살나겠죠???) 개발자도 사람인지라 까먹을수도있고 위와 같은 방식으로 유효성 체크를 하였을 경우에는 사용자가 submit버튼을 눌러서 에러띄우고 다시적..