728x90 반응형 Project/IMFIND24 [프로젝트] 게시글 등록 필수입력 항목 체크하기 게시글 등록 페이지를 만들면서 필수로 입력을 받아야하는 항목이 있었다. required는 submit 해줄때만 필수입력 체크를 해준다. 결제하기로 넘어가는 창에서는 submit을 사용할수가 없어서 아래와 같이 직접 체크를 해줬다. function inputcheck(){ var lostitem = $("input[name=Lost_Item]:checked").val(); var lostdate = $("input[name=Lost_Date]").val(); var losttitle = $("input[name=Lost_Title]").val(); if (lostitem == "etc"){ var lostitem =$("#textbox").val(); if (lostitem == ""){ alert('분실.. 2021. 1. 13. [프로젝트] 카카오페이 api 결제 1/8,10~12 카카오페이 api를 통해서 사례금을 결제하는 코드를 짰다. 결제 요청을 하면 회원정보와 결제금액 등을 불러와야하고, 또 결제정보를 보내줘야하고 참 까다로운 작업이었다. 그리고 결제를 진행하는 모달창에서 바로 submit하는 것도 쉽지 않았고, 테스트 도중 왜인지 모르는 에러가떠서 테스트하는데도 굉장히 힘들었다. 카카오 결제를 위한 js 코드 function pay(){ var lostpay = $("input[name=Lost_Pay]:checked").val(); if (lostpay == 'direct'){ lostpay = $("#paybox").val(); lostpay = lostpay.replace("direct",""); lostpay = lostpay.replace(",".. 2021. 1. 12. [프로젝트] 썸머노트 파일 처리하기 1/8~1/9 네이버 스마트 에디터 사용을 포기하고 썸머노트를 사용하기로 했다. 파일처리하는데 꽤 많은 시간을 쏟아부었다 // ------ 글 내용 js 시작 ------ $(document).ready(function() { function sendFile(file){ var data = new FormData(); data.append("file",file); $.ajax({ url: 본인 주소 적어주면 됨. type: "POST", enctype: 'multipart/form-data', data: data, cache: false, contentType : false, processData : false, success: function(image){ $('#summernote').summerno.. 2021. 1. 11. [프로젝트] 위치검색 Enter키로 이벤트주기 1/7 지도를 직접 이동해서 위치를 찍어주는 것까지만 해놓고 위치검색은 미루고 미루다 오늘 대충 완성(자세하게 검색이 안돼서 수정해야할듯) 어쨌든 고민고민 끝에 아래와 같이 변경했고, 위치검색 버튼을 만들어놓으니 엔터키를 눌렀을때도 검색이 되게끔 하고싶어짐. 이벤트 추가 function enter(){ if(event.keyCode==13){ 엔터키를 눌렀을때 실행될 이벤트 코드 } } Enter키의 아스키코드 값 == 13 인풋폼에 아래와 같이 추가 onKeypress="enter();" 손쉽게 완성했다. 2021. 1. 8. [프로젝트] 글쓰기 에디터 사용하기 ~ 1/7 게시판을 만들면서 에디터를 사용하기로 결정했다. 파일첨부로 사진을 사용하는 것보다 에디터가 조금 더 빠르게 할수있을거 같아서 선택한거였는데.. 엄청난 에러의 세계로 ^^... 전부 캡쳐는 못했지만 이틀정도를 개고생 결국 원래 사용하려던 네이버스마트에디터는 포기하고 썸머노트에디터를 적용시켰다. 썸머노트를 적용하는데도 꽤 많은 시간을 투자했다. 계속 에러가 떴던 이유는 jquery의 충돌(?)때문에 생긴거였다. jquery는 한개만 사용해야한다고 한다. (3.5.1을 사용하면 에러없이 전부 사용가능하다고 함!) 굿굿 코드를 수없이 옮기고 지우고 되돌리고를 수십번.. 하 현타온다.. 전부 적용된 모습 2021. 1. 7. [프로젝트] 날짜 제한하기2 1/3하고싶었던 달력. 자꾸 에러가 났다.경로도 잘 지정해줬고, 틀린게 없어보이는데... 원인은 중복코드.... 이거때문에 어제 오후부터 오늘 오후까지 거의 하루를 날렸다..정신차리자.. 2021. 1. 3. [프로젝트] 날짜 제한하기 1/2 처음엔 분실날짜를 설정하는거니까 오늘 이후 날짜는 선택이 안되게 해야겠다. 라는 단순한 생각에서 시작됐다. 근데 단순하지가 않았다.. 안된다.. 왜 안될까.. 짜증난다... 정말.. 2021. 1. 3. [프로젝트] 게시판 작성 값 넘기기 1/1-1/2 어제 오후 내내 게시판 글 작성 화면에서 등록 버튼을 누르면 내가 입력한 값이 오라클db로 잘 넘어가는지 테스트를 했는데 계속 뜨는 에러들.. 설상가상으로 임포트도 안되고.. 멘붕.. 이렇게 하는게 아니었나 아 역시 이 길은 내 길이 아니구나. 좌절하길 수십번.. 여러개의 항목들을 한꺼번에 테스트 한다는게 미련하고 멍청한 짓이었다. 오늘 하나씩 하나씩 테스트한 결과 제목, 내용, 분실물품, 작성날짜, 분실날짜 까지는 잘 넘어간다. 휴 어렵다.. 2021. 1. 2. [프로젝트] bootstrap collapse 사용하여 지도 띄우기 (map.relayout) 12/31-1/1 위치 검색시에 팝업창을 사용하려고 했지만 다른 방법으로 바꿔보기로 했다. Collspse란 특정 버튼을 클릭하면 해당 내용이 보였다가 안 보였다가 하는 기능이다. 출처: https://nowonbun.tistory.com/646 [명월 일지] 이 블로그를 참고해서 쉽게 Collspase 기본형태는 만들수있었다.. 근데 문제는 지금부터;; 기존 팝업창에 띄울때 사용했던 map 코드를 갖다붙이니 지도가 짤려서 나왔다.ㅠㅠㅠ 처음엔 단순히 로딩중인건줄 알았는데 아니었다. 구글에 검색시작.. 결론은 apis.map.kakao.com/web/documentation/#Map_relayout 이걸 참고하라는데.. 해도 안되는건 마찬가지... 그러다 devtalk.kakao.com/t/topic/8.. 2021. 1. 1. 이전 1 2 3 다음 728x90 반응형
