웹 만드는 또름이

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

Microsoft PC Manager - Windows에서 무료 다운로드 및 설치 | Microsoft Store Microsoft PC Manager - Windows에서 무료 다운로드 및 설치 | Microsoft StoreMicrosoft PC Manager is a utility app for your PC that effortlessly enhances PC performance with just one click. Enjoy seamless storage clean-up, efficient file management, and a host of other powerful features designed to keep your PC running smoothly.apps.microsoft.com..

안녕하세요 또름입니다. 얼마전에 부산에 들려서 ( 2주는 된듯 ㅋㅋ )  만두맛집인 신발원에 갔다왔습니다와 근데 진짜 부산 안춥다더니 코깨지고 귀째질뻔했습니다. 역시 사람사는곳은 추울땐 다 춥고 더울땐 다 덥습니다.  영업시간 11시~ 21시까지, 화요일 정기휴무8시20분 라스트 오더 무려 1951년에 열었답니다. 2019년도부터 망고플레이트 인기맛집, 2014년도부터 블루리본 내부는 조금 협소한편이고, 손님이 많아서 내부사진은................. 금요일 7시반쯤 주문하는데 마감시간과 가까워서 그런지 추가주문은 어렵다고 해서 돼지 호소인은 슬펐습니다. 단무지, 간장, 고추가루가 기본 세팅되어있고, 고추가루 소분날짜도 적혀있습니다. ( 개신기 )  또름이는 모둠만두를 조지기로 하였고 (고기만두2..

안녕하세요 또름입니다.오랜만에 연애 자주자주 갔었던 '블루밍 파스타'를 방문했습니다 결혼 하고 나서 한 3년은 안간거 같은데... 아직 영업하더라구요너무나 반가운마음에 점심 초이스 땅땅땅 영업 시간은 11:00~22:00 이고, 브레이크 타임은 15:00~17:00 입니당. ( 라스트 오더 ~ 21:00 ) 저희는 항상 먹는 메뉴가 정해져 있습니다. 목살 볶음밥 & 상하이 파스타  (목살 필라프였는데 볶음밥으로 바뀌었네..?)주문한지 10분 정도 되었을 때 두 메뉴가 같이 나왔습니다. 사진이 저래 보여도 양이 꽤 많아요~~~~   언제나 느끼지만 가격 대비해서 양이 많아서... '진짜 배부르다' 라고 항상 느끼는 가게입니다.그렇다고 맛이 없는것도 아니지롱~~~~~  언제나 그랬듯 싹싹 긁어먹었습니다. 저..

안녕하세요 또름입니다.한파주의보가 발령되면서... 저희집도 동파가 찾아왔습니다.😂 겨울철에 수도관이 동파되면 수리비도 많이 들고, 물도 안 나오고... 지랄같은 동파를 예방할려면 어찌해야될지 작성해보았습니다.  내 돈1. 수도관 노출 부분에 보온재 덮기가장 기본적이면서 효과적인 방법은 수도관이 노출된 부분에 보온재를 덮는 것입니다. 특히 외부에 노출된 수도관이나 지하에 있는 수도관은 온도가 급격히 떨어지면 동파 위험이 커지기 때문에 보온재를 사용하여 차가운 공기와의 접촉을 최소화하는 것이 중요합니다. 보온재는 건축자재점에서 구입할 수 있으며, 설치 방법도 간단합니다.2. 수도꼭지 살짝 열어 두기극한의 추위가 예상될 때는 수도꼭지를 살짝 열어 두는 것도 동파를 예방하는 방법 중 하나입니다. 물이 조금씩 ..

안녕하십니까 백수가 된 또르미입니다. 얼마전까지 그리 바쁘더니... 앞으로 뭐해먹고 살지 막막하네요... 이참에 쉬면서 해보고 싶었던 프로젝트나 해봐야겠습니다. 혼자서 프로젝트를 진행해보려니 웹 퍼블리싱, 디자인이 막막하지만... 남는게 시간이니 열심히 해서 개고수가 되어 보겠습니다. ㅎㅎ 오늘은 정말 간단하게 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..

나는 2개월 정도 U+ 계열 알뜰폰 A모바일을 사용 하고 있다. 나름 만족하며 잘 쓰던 와중에.... 2023년 3월 4일 즐거운 토요일 아침. 눈을 떠 휴대폰을 보니 서비스를 사용할 수 없다. 라는 문구와 함께 🚫 표시가 날 반겼다. ㅠㅠ왜이러냐 왜이러냐 하고 몇번의 재부팅 끝에, 다시 원상태로 돌아왔길래 일시적인건가 보다~ 하고 넘어갔다. 그리고 그날 오후, 완전 사망하였다... 외출중에 갑자기 휴대폰이 안되어서, U+휴대폰을 쓰고있지만 KT대리점에 뛰어들어가서 여러가지 검사를 했고 결론은 '유심 사망' 판정을 받았다. A모바일은 주말에 고객센터를 운영하지 않는다. 일단 유심이 고장이니 유심을 새로 구매해야 할 것 같아서 유심판매점을 알아보기로했다. LG망이니 LG U+ 대리점에있지않을까...? -없..

주말을 맞아 이색메뉴로 유명한 중구 교동의 모얼동! 을 다녀와봤다. 하도 핫플핫플 소문이 나서 얼마나 핫플인가? 했더니 오픈 전부터 웨이팅대기, 오픈 10분전에 도착했는데 5팀 대기중........ 자칫 잘못하면 손가락 쪽쪽 빨고 있을뻔했다. 줄을 안서있더라도 웨이팅 명단은 꼭 확인해서 적으세요. 저희는 사람이 없길래 안적었다가 낭패볼뻔 했답니다... 입구에 들어서니 핫플스럽다. 사람이 너무 많아서 내부 사진을 찍기가 조심스러워서 이것밖에 없지만. 이 사진들만으로도 핫플스러움이 물씬 풍긴다. 이색메뉴로 유명하다길래 메뉴판부터 정독을 했는데, 다른 테이블을 보니 깐풍통다리덮밥은 무조건 시키더라. 하지만 우리는....훈제리조또, 까르보나라, 알배추 샐러드 를 시켰다. 제일 마지막에 주문했는데 깐풍통다리덮밥이..

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

오늘은 저번에 만들던 이미지를 잘라 저장하기 챕터2 (완) 되시겠다. 몇일의 텀이 있어 저번 글이 기억이 안나시면 살포시 아래 링크 한번만 들어가주십사...^_____^ https://ddorm.tistory.com/10 jQuery & html2canvas 웹에서 원하는 부분의 이미지를 잘라 저장하자! -1- 프로젝트에서 다중 이미지 슬라이더 관련 작업하는 도중 이슈가 발생하였다. 다름 아닌 이미지 크기가 들쭉날쭉인 파일을 여러 개 업로드하다 보면 슬라이더 크기가 천차만별로 변한다는 것...! ddorm.tistory.com 짜놓고 보아하니... 보이는 이미지를 365px로 잘라냈더니 이미지가 굉장히 작고 화질 또 한 엉망이었기때문에 조금의 기능 개선이 있었다. 아래는 스크립트 코드이다. 3:4비율로 ..

프로젝트에서 다중 이미지 슬라이더 관련 작업하는 도중 이슈가 발생하였다. 다름 아닌 이미지 크기가 들쭉날쭉인 파일을 여러 개 업로드하다 보면 슬라이더 크기가 천차만별로 변한다는 것...! object-fit:cover 속성으로 해결하려 했으나... 문제는 각자의 이미지를 잘라내는 부분이 일관성이 있을 리가 없기 때문에 "만들어야 했다...." (앱이면 쉽게 해결할 것을... 웹에서도 해야 돼서...ㅎ) 일단 급하게나마 기능적으로 만들어 본 화면이다. CSS 꼬락서니에 한번 놀라며... GIF 품질에 다시 한번 놀라며... 포스팅을 작성하겠다 이번 작업을 하면서 굉장히 고생했던 건 다름이 아닌 CSS작업이었다. 원하는 대로 나오질 않아서... CSS 작성한 부분은 모두가 굉장히 야매임을 이해해 주시면 감사..