Project 29

[헤이버디] 상세일정에서 POST방식으로 수정 시키기

planList.jsp 📝일정상세 제목 일정내용 📅날짜 시작일 종료일 👨‍👧‍👧공유된 멤버 공유자 추가 취소 수정하기 삭제하기 삭제하기 --%> 수정하기 --%> SET hyplName = #{hyplName} ,hyplDate = #{hyplDate} ,hyplEndDate = #{hyplEndDate} ,hyplDesc = #{hyplDesc} ,hyplMemberName = #{hyplMemberName} WHERE 1 = 1 AND hyspSeq = #{hyspSeq} AND hyplSeq = #{hyplSeq} 다음 영억과 조건에 맞는 부분이 업데이트 되는 것이고, SET 부분에 #{hyplSeq} 이런식으로 한것은 시퀀스마다 다 제각각의 값이 들어가기 때문이다. To be continue..

[헤이버디] DateTimePicker 달력 적용시키기 (3분 소요)

1.DataTimePicker.zip 다운로드 및 압축풀기 후 Spring에 폴더 세팅 2. 자바스크립트 링크 연결시켜주기 3. 필요한 데이터 내용 가져와서 자바스크립트에 사용하기 시작 https://xdsoft.net/jqplugins/datetimepicker/ DateTimePicker DateTimePicker jQuery plugin select date and time Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It's easy to customize options. Source code on GitHub or download (zip). Don't u..

[헤이버디] Ajax를 이용하여 데이터를 넣기

정말, 이거 하나 찾아내는데 오랜 시간이 걸린것 같다. 아작스에 대해서 제대로 배운적도 없고, 그냥 구글링, 유튜브검색, 을 통해서 알아냈다는 것 자체가 감격이다. 정말,,,, 이틀 동안 이것을 찾기 위해서 얼마나 고생했나 싶다. 결과값 다음과 같은 상태에서, 데이터를 등록해볼게요. 이렇게 등록하기나, 날짜 아무거나 눌러주면 등록할 수 있도록 모달창이 뜨게된다. 이런식으로 작성을 해주고 등록하기 눌러주면 된다. 그리고 PlanList를 다시 확인해보면 5월 20일자에 내가 적은 일정이 적히는 것을 확인 할 수 있다. 이 과정을 Ajax를 하였으니 간단하게 설명해보겟다. PlanMpp.xml 일단, 내가 만든 프로젝트다 보니, SELECT a.hyplSeq ,a.hyplName ,a.hyplDefaultN..

[헤이버디] 팀 데이터 베이스 생성 + 모델링 작성까지

데이터 베이스도 같이 사용하면 공유가 된다는 사실을 팀 프로젝트를 하면서 알게 되었다. 참신한 사실이다. 데이터베이스 4번째~5번째 데이터베이스가 공유된 데이터베이스이다. 일단 서버에 올릴것이기 때문에 아마존 DB 형식으로 정보들이 짜여져 있다. 그리고 이것을 Test Connection 하여 접속하게되면. 데이터베이스에 접속 할 수가 있다. 신기한건 내가 여기서 무엇을 수정하거나 삭제하거나 생성하면 곧바로 팀원들에게도 적용이 된다는 사실이다. 모델링 잘 안보이겟지만, 팀원들과 함께 각자 담당할부분은 생각하면서 회의통해 만들어낸 모델링이다. 정말 하나하나 하는데 많은 시간들이 걸리는것 같다. 그중 내가 메인으로 붙은 부분이 hybdPlan 이고, 달력 + 일정을 담당 하게 되었다. 일단 계속해서 오류가 ..

[헤이버디] 프로젝트 요구사항 명세서 작성

이런식으로 기능별, 직급별, 만들 페이지 부여할 기능 MVC 패턴은 어떤식으로 적용할 것인가. 미리 팀원들과 상의하면서 정해두었다. 큼지막하게, 관리자, 호스트, 일반회원 이런식으로 나누어서 작성하였다. 직급별, 할 수 있는기능? 같은 것을 작성하였고, 협업툴 같은 경우 방을 만드는 사람이 호스트가 되는 구조이기 때문에, USER의 기능에 Semi-HOST 기능을 덧 붙쳤다. To be continue..

[오늘의집] 관리자 게시판 아마존서버에 배포

12월30일을 시작으로 어느덧 4월 19일 120일째가 다되어간다. 벌써 아마존으로 배포까지 완료하였다. root-context.xml 다음을 아마존 DB로 전환 시켜줘야한다 아마존에 해당된 포트번호, 주소, 아이디, 비번을 적어줘야지 아마존 용 SQL이 연동이 된다. SQL 그리고 테이블 이름을 소대문자까지 꼭 잘 수정해야한다. 하나라도 틀리면 에러가 뜨니까 조심하자 SEVERE: 경로 []의 컨텍스트 내의 서블릿 [appServlet]을(를) 위한 Servlet.service() 호출이, 근본 원인(root cause)과 함께, 예외 [Request processing failed; nested exception is org.springframework.jdbc.BadSqlGrammarExceptio..

[오늘의집 ] 멤버 멀티삭제 구현하기

오늘은 멀티삭제에 대해서 구현해보자. memberList.jsp 전체선택 이건 전체 체크박스 이코드는 전체삭제 체크박스가 눌렷을때, 아래것도 같이 눌리거나 눌리지 않았을때 모두 눌리지 않게하는 버튼이다. 이건 개별체크박스이다. checkboxSeq로 이름을 지었다. 여기까지하면 다음과 같은 Ui를 볼 수 있다. MemberController.java @RequestMapping(value = "memberMultiDele") public String memberMultiDele(@ModelAttribute("vo") MemberVo vo, Member dto, RedirectAttributes redirectAttributes) throws Exception { String[] checkboxSeqArr..

[오늘의집] Update까지 (POST방식)

POST방식으로 정보수정까지 해보자 MemberController.java @RequestMapping(value = "/member/memberEdit") public String memberEdit(@ModelAttribute("vo") MemberVo vo, Model model) throws Exception { System.out.println("dto.getIfmmSeq():" + vo.getIfmmSeq()); System.out.println("dto.getIfmmId():" + vo.getIfmmId()); System.out.println("dto.getIfmmName():" + vo.getIfmmName()); System.out.println("dto.getIfmpNumber():"..

[오늘의집] 리스트에서 회원상세로 넘기기 (POST방식)

거두 절미하고 바로 시작하겠다. 결과값 제임스본드를 클릭해주면 주소에 대한 정보가 들어오지 않고 이렇게 회원상세가 작동 되는것을 확인할 수 있다. 다음과 같은 상태를 만들기위해서 적용한 것은. goView = function(seq){ $("#ifmmSeq").val(seq); // ifmmSeq란 데이터를 받아오겠다. val(seq) 출력 그리고 다음행 실행 $("#formList").attr("action", "/member/memberView"); // member/memberView로 넘겨주겠다. $("#formList").submit(); // 그냥 공통적으로 submit는 실행해준다는 의미기 때문에 넣어줘야한다. }; 스크립트는 다음 코드만 들어갔고 이렇게 들어간것을 확인해 볼 수 있다. 헷갈..