본문 바로가기

전체 글524

[헤이버디] 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, }] 달력에서 사용 하 는 있는 .. 2022. 6. 4.
[헤이버디] 상세일정에서 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.. 2022. 6. 3.
[헤이버디] 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.. 2022. 6. 3.
[주식] 데이터 분석 플랫폼 'Palantir' 에 투자한 이유 코드 공부를 하다가 머리도 좀 식힐겸 해서 내 주식 포트폴리오 중 하나인 팔란티어에 투자하는 이유를 간략하게 적어보고자 한다. 일단 시작하기에 앞서 내 능력안에서 공부하고, 분석해보고 따져 보았으니.. 이 글을 읽는 사람은 절대 투자권유가 아니며 참고만 하였으면 좋겠다.  +잘못된 정보가 있을 수 있으니 한번 더 찾아보기 바란다.       간략하게 추려보니까 5가지 정도 나오는것 같다.   기술력이 단연 독보적이다.   이건 부정할 수 없다. 팔란티어는 정형, 비정형 데이터를 분석한다. 정형 데이터는 잘 정리되고, 코드처럼 Seq ㅣ Name ㅣ Age ㅣ Birth ㅣ  Married ㅣ Children ㅣ  이렇게 글자형 데이터 라고 보면 될 것 같다. 비정형 데이터는 정리되지 않는 데이터, 모델링.. 2022. 6. 1.
[Spring] 스프링하면서 <c:out value="${}"/> 사용이 불가능 팀 프로젝트를 하다보니까, 이게 아무때나 막 사용할 수 있는게 아닌거같다.. 비동기 이벤트 아작스를 사용할 때는 먹히지 않는것 같다. jsp 제목 일정내용 날짜 공유자 Ajax $("#hyplName1").val(data.hyplName); $("#hyplDesc1").val(data.hyplDesc); $("#hyplDate1").val(data.hyplDate); var str = data.hyplMemberName; var words = str.split(','); console.log(words); const select = document.getElementById("hyplMemberName1"); console.log(select); const option = document.createEl.. 2022. 5. 31.
[헤이버디] Ajax를 이용하여 데이터를 넣기 정말, 이거 하나 찾아내는데 오랜 시간이 걸린것 같다. 아작스에 대해서 제대로 배운적도 없고, 그냥 구글링, 유튜브검색, 을 통해서 알아냈다는 것 자체가 감격이다. 정말,,,, 이틀 동안 이것을 찾기 위해서 얼마나 고생했나 싶다. 결과값 다음과 같은 상태에서, 데이터를 등록해볼게요. 이렇게 등록하기나, 날짜 아무거나 눌러주면 등록할 수 있도록 모달창이 뜨게된다. 이런식으로 작성을 해주고 등록하기 눌러주면 된다. 그리고 PlanList를 다시 확인해보면 5월 20일자에 내가 적은 일정이 적히는 것을 확인 할 수 있다. 이 과정을 Ajax를 하였으니 간단하게 설명해보겟다. PlanMpp.xml 일단, 내가 만든 프로젝트다 보니, SELECT a.hyplSeq ,a.hyplName ,a.hyplDefaultN.. 2022. 5. 27.
[헤이버디] 팀 데이터 베이스 생성 + 모델링 작성까지 데이터 베이스도 같이 사용하면 공유가 된다는 사실을 팀 프로젝트를 하면서 알게 되었다. 참신한 사실이다. 데이터베이스 4번째~5번째 데이터베이스가 공유된 데이터베이스이다. 일단 서버에 올릴것이기 때문에 아마존 DB 형식으로 정보들이 짜여져 있다. 그리고 이것을 Test Connection 하여 접속하게되면. 데이터베이스에 접속 할 수가 있다. 신기한건 내가 여기서 무엇을 수정하거나 삭제하거나 생성하면 곧바로 팀원들에게도 적용이 된다는 사실이다. 모델링 잘 안보이겟지만, 팀원들과 함께 각자 담당할부분은 생각하면서 회의통해 만들어낸 모델링이다. 정말 하나하나 하는데 많은 시간들이 걸리는것 같다. 그중 내가 메인으로 붙은 부분이 hybdPlan 이고, 달력 + 일정을 담당 하게 되었다. 일단 계속해서 오류가 .. 2022. 5. 25.
[API] 포스트맨 사용 해보기 API를 사용해보도록하자. 내가 얻을수 없는 데이터에 대한 정보에 대해서 도움을 받을 때 간혹 우리는 API 데이터가 필요하다 그것을 쉽게 사용할 수 있도록 도와주는 것이 바로 포스트맨이다. 이를 REST 라고 부르기도 한다. MemberList 뽑아보기 우선, Postman에서 해당링크로 send를 하엿을 경우 다음과 같은 데이터가 나오는것을 볼 수 가 있다. // 포스트맨 test @RequestMapping(value = "/test/memberViewer") public String memberViewer(Model model) throws Exception { // api 호출해서 값을 가져온다 String apiUrl = "http://localhost:8080/rest/member"; URL.. 2022. 5. 25.

티스토리툴바