세연의 콩딩

프로젝트를 진행하면서 카카오 지도 API를 쓰게되었습니다. 우선 카카오 API지도를 쓰려면https://developers.kakao.com/  Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com 1. 로그인하신 후 Key를 발급받아야합니다.   2. 애플리케이션 추가하기를 눌러서 보인들의 프로젝트이름과 나머지를 적으면 됩니다.    3. 이제 계속 쭉 사용하게 될 앱키입니다 그중에서 JavaScript키를 사용하게됩니다. 4. (왼쪽 메뉴에서 플랫폼)각자 본인들의 Web도메인 주소를 적어주세요!   이제 지도 API를 사용하기 위해 설명서를 읽어줍니다..

배포가 참 쉽지않다는걸 다시 한번 느끼며..🥲 네이버클라우드로 배포를 해보려고합니다. 우선 홈페이지에 들어가서  https://www.ncloud.com/ NAVER CLOUD PLATFORMcloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certificationwww.ncloud.com네이버 아이디가 있다면 회원가입 할 필요는 없습니다.  그 다음 오른쪽 위에 콘솔을 눌러줍니다. 구글링을 많이 해봤을때는 classic만 잔뜩 나오고 플랫폼 vpc는 안나오더라구요 문의를 넣어보니 한국에서 classic은 이제 사용을 막았다고 합니다. vpc와 classic의 차이는 ..

이전에 FullCalendar로 봤던 일정들을 마이페이지에서 모아보기를 하려고 합니다. ajax을 사용해 페이징처리 무한스크롤을 사용했습니다. 이또한 수정이 좀 힘들었습니다.🥲   1. Mapper.xml(단순 select문이여서 앞에랑 같습니다) 2. service service에서 페이지가 0으로 올 수 있기때문에 초기 페이지를 1로 설정해놨습니다.@Transactional(readOnly=true)@Overridepublic Map getAllPlan(HttpServletRequest request ,int userNo){ Optional opt = Optional.ofNullable(request.getParameter("page")); int page = Integer.parseIn..

로그인한 유저의 일정만 볼 수 있게 할건데요 우선 일정이 보이기 위해 이전에 했던 코드에서 수정부분이 있습니다! ✔️Mapper.xml select 부분에 where조건을 작성해줍니다. userNo가 일치하면 조회가되도 SELECT PLAN_NO, START_AT, END_AT, INSERT_AT, UPDATE_AT, FIRST_PLAN, FIRST_COMMENT, SECOND_PLAN, SECOND_COMMENT, THIRD_PLAN, THIRD_COMMENT FROM PLAN_T WHERE USER_NO = #{userNo, jdbcType=INTEGER}  ✔️service userNo를 받아오기때문에 파라미터로 int userNo를 넣어줍니다.Map을 활용해 userNo를 쿼..

FullCalendar마지막으로 삭제해보겠습니다. 가장 간단한 delete입니다. 1. Mapper.xml 일정을 각자 삭제해서 update로 하려다..다른곳에 시간을 더 쏟아보자고 판단..!😂 DELETE FROM PLAN_T WHERE PLAN_NO = #{planNo, jdbcType=INTEGER}  2. Dao(Mapper)public int deletePlan(int PlanNo);  3. Service 웹 개발에서는 Map을 사용하여 JSON 형식의 데이터를 쉽게 구성하고 관리할 수 있습니다.삭제 성공 여부를 나타내는 removeResult를 간단히 키-값 쌍으로 추가할 수 있습니다.@Overridepubli..

시간을 많이 잡아먹었던 수정이었습니다..fullCalendar를 사용하기때문에 script 부분을 많이 수정해야하더라구요 1. 우선 일정을 누르면 모달창을 띄울 수 있게 해줍니다❗ 부트스트랩에서 가져온 모달창입니다.수정이기 때문에 컬럼하나하나 name을 적어줘야합니다. 일정 수정 첫번째 일정 내용 ..

일정넣기와 모달창으로 수정 둘다 모달창을 사용하려했으나..복잡해져서😂 일정넣는 부분은 새로운페이지에서 수정은 모달창으로 도전해보았습니다. insert, update로 하루를 불태웠네요   1. insert쿼리 작성 INSERT INTO PLAN_T( PLAN_NO, USER_NO, START_AT, END_AT, INSERT_AT, UPDATE_AT, FIRST_PLAN, FIRST_COMMENT, SECOND_PLAN, SECOND_COMMENT, THIRD_PLAN, THIRD_COMMENT )VALUES( PLAN_SEQ.NEXTVAL, #{userNo, jdbcType=INTEGER}, ..

DB연동하여서 달력에 넣어보도록 하겠습니다.  ✔️Sql 테이블CREATE TABLE PLAN_T( PLAN_NO NUMBER NOT NULL, USER_NO NUMBER NOT NULL, START_AT VARCHAR2(150) NOT NULL, END_AT VARCHAR2(150) NOT NULL, INSERT_AT VARCHAR2(150) NOT NULL, UPDATE_AT VARCHAR2(150) NULL, IMPORTANT NUMBER NULL, FIRST_PLAN VARCHAR2(100) NOT NULL, FIRST_COMMENT VA..

📅 Fullcalendar 화면에 출력하기 main에 캘린터를 보여줄거기 때문에 1. main.html 파일 생성해줍니다.  2. fullcalendar cnd 적용  밑에 넣어주세요!  3. fullcalendar 위치 지정  4. fullcalendar 출력하기출력하기 위한 기본 스크립트를 추가div 캘린더 보다 뒤에 추가합니다. document.addEventListener('DOMContentLoaded', function() { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { ini..

마이페이지 우선 마이페이지를 들어가려면 로그인을 해야만 들어갈 수 있어야함으로 마이페이지 버튼부분에 session에 user가 null이 아니면 보이게 했습니다. 마이페이지 그냥 int userNo로 작성하니 java.lang.IllegalStateException: Optional int parameter 'userNo' is present but cannot be translated into a null value due to being declared as a primitive type. Consider declaring it as object wrapper for the corresponding primitive type. 오류 발생 해당 매개변수가 값이 없을 때(null) 처리하는 방법이 없기 ..