728x90 반응형 Project25 [프로젝트] 댓글창 만들기 (글자수 체크) 1/13 게시물 등록 게시판을 어느정도 마무리 짓고, 새로 맡게 된 댓글창.. 프로젝트 시작 쯤 만들어놓은 UI 상세설계를 다시 봤는데 내가 만들어야 한다고 생각하니 막막했다... 그래도 등록게시판 하나 끝냈다고 몇시간 좀 만져보니 쉽게 밑그림은 그릴 수 있었다. 댓글 글자수 체크 코드. $(document).ready(function(){ $('.commentbox').keyup(function (){ var content = $(this).val(); $('#counter').html("("+content.length+" / 최대 200자)"); //글자수 실시간 카운팅 if (content.length > 200){ alert("최대 200자까지 입력 가능합니다."); $(this).val(cont.. 2021. 1. 14. [프로젝트] 게시글 등록 필수입력 항목 체크하기 게시글 등록 페이지를 만들면서 필수로 입력을 받아야하는 항목이 있었다. 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. 이전 1 2 3 다음 728x90 반응형
