Project/헤이버디 9

[헤이버디] 본인이 공유된 일정만 보이게 하기

거의 프로젝트의 막바지에 다와가는것 같다. 팀프로젝트 시작한지 어연 1개월이 흘럿다. 결과값 다음과 같이 공유 됐을 때 이렇게 일정 데이터가 뜨게하는것이다. 공유받지 못한 계정으로 접속하면 다음과 같이 일정이 안보이는것을 확인 할 수 있다. 다음은 기존에 있던 자바스크립트에 새로 추가해주었는데, var str은 배열처리된 데이터이고 str이 Null 이 아니면 계속 돌도록 반복문을 걸은 것이다. memberArr 은 str의 데이터를 ',' 마다 배열처리 하겠다는 소리이다. 은 httpSession으로 받아오는 계정 시퀀스 값이다. 그 계정의 시퀀스가 memberArr[j] 와 같으면 멈추는것이다. 그래서 반복문이 필요한것. 다음을 보면 왜 자바스크립트를 저렇게 짯는지 도움이 될 것이다. To be co..

[헤이버디] 일정 삭제시키기 (Delete)

일정의 삭제의 경우는 두가지 경우가 있다. 1. DelNy를 0 또는 1로 주어 삭제 여부를 선택하는것 (update)라고봐도 무방하지만, 쓰임은 삭제이다 2. 데이터베이스 안의 데이터를 모두 날려버리는 삭제가 있다. DelNy를 이용한 삭제 planMpp.xml UPDATE hybdPlan SET hyplDelNy = 1 WHERE 1 = 1 AND hyplSeq = #{hyplSeq} 다음과 같이 hyplDelNy = 1 로 바꿔주면서 일정 리스트에는 안뜨게 하는 방법이다. 요즘은 이 방법을 많이한다고 들었다. SELECT a.hyplSeq ,a.hyplName ,a.hyplDefaultNy ,a.hyplDelNy ,a.hyplDate ,a.hyplEndDate ,a.hyplDesc ,a.hyplMe..

[헤이버디] Ajax를 이용하여 상세정보 불러오기

아작스를 사용하게 되면 을 통해서 데이터를 불러오기가 어려워진다. 그 경우 ajax를 통해서 db의 데이터를 불러오는 방법을 알아보자 planList.jsp 제목 일정내용 📅날짜 시작일 종료일 👨‍👧‍👧공유된 멤버 seq는 hidden으로 받고 id에는 hyplSeq1..hyplName1 이런식으로 아작스에 적용한 데이터 들이 불러와질수록 있도록 하였다. name과 id가 다른 이유는 상세보기에서 바로 수정도 할 수 있도록 하기 위함이다. const exampleEvents = [ { seq : '6', title : '고추참치', start : '2022-05-01 00:00:00', backgroundColor : cGreen, borderColor : cGreen, }] 달력에서 사용 하 는 있는 ..

[헤이버디] 상세일정에서 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..