박허디의 개발블로그

2024.02.14 - [project/team project] - [DAL] 1:1 상담 카카오챗 연결하기 [DAL] 1:1상담 카카오챗 연결하기 1:1 상담기능을 구현하기 위해서 카카오챗을 이용하기로 했다. 화면과 같이 1:1 문의내역에 접속해 카카오챗 문의버튼을 클릭하거나 화면 하단에 보이는 카카오버튼을 누르면 카카오채널을 이용 herniateddisc-park.tistory.com 카카오챗 옆에있던 네이버톡톡로 문의하기 기능을 해보려 한다. 네이버톡톡 기능을 하려면 일단 아래 홈페이지에 들어가서 계정을 만들어야 된다. https://partner.talk.naver.com/ 네이버 톡톡 파트너센터 PC, 모바일 어디서나 나의 간편한 상담도구가 되어주는 네이버 톡톡 partner.talk.naver..

1:1 상담기능을 구현하기 위해서 카카오챗을 이용하기로 했다. 화면과 같이 1:1 문의내역에 접속해 카카오챗 문의버튼을 클릭하거나 화면 하단에 보이는 카카오버튼을 누르면 카카오채널을 이용한 1:1 채팅 기능으로 연결되게 하려고 한다. 먼저 아래 링크를 참고해서 카카오Developers 사이트에서 내 애플리케이션을 만들어준다 2024.01.17 - [project/personal project] - [API] 카카오맵 API 기능 구현 [API] 카카오맵 API 기능 구현 참조 홈페이지 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다..

이 화면에서 필요한 건 사용 가능한 적립금, 30일 이내 소멸 예정 적립금, 그리고 유효기간이 만료되면 자동으로 사용가능 포인트, 30일 이내 소멸 예정 적립금에서 사라지고 2번째 사진과 같이 유효기간 만료로 바뀌어야 했다. 1. 사용 가능한 적립금 SELECT SUM(CASE WHEN pt.point_rdate IS NOT NULL THEN ot.od_sell_price * 0.01 ELSE 0 END) - SUM(CASE WHEN pt.point_stat = 0 THEN ot.od_sell_price * 0.01 ELSE 0 END) - SUM(CASE WHEN pt.point_stat = 2 THEN pt.od_use_point ELSE 0 END) AS point_calu FROM point_tb..

이런 식으로 핸드폰 번호를 받아와야 하는데 내 DB에는 이렇게 11자리를 한꺼번에 받기 때문에 따로따로 데이터를 받은걸 3자리 4자리 4자리씩 끊어줘서 각각 넣어줘야 됐다 List에 회원정보를 가져왔기 때문에 List안에 있는 user_hp 데이터를 일단 따로 뺀 후 그걸 3 / 4 / 4로 나눠줬다. 이렇게 따로 뽑아 준 후 화면단에서 각각 자리에 넣어 줬다. 추가로 option은 hp1 값 즉 user_ph의 맨앞 3자리가 010이면 010 옵션이 선택되게 011이면 010 옵션이 선택되어 화면에 보이게 설정했다.

이 화면에서 체크박스를 표시한 게시글만 삭제하기 버튼을 클릭하면 지워지게 하고 싶었다 UPDATE bard_tb SET bard_stts = 0 WHERE bard_id = #{bard_id} AND bard_type = #{bard_type} xml이 위와 같이 있어서 내가 체크박스를 눌렀을 때 가져와야 되는 정보는 bard_id와 bard_type의 정보가 필요했다 우선 리스트 전체기능을 불러올 때 bard_id와 bard_type을 이미 html로 한꺼번에 Model을 써서 가져왔기 때문에 체크박스 안에 타임리프 문법을 이용해서 bard_id와 bard_type을 넣어줬다. Ajax를 통해서 삭제를 해줄 거 기 때문에 jsondata에 bard_id와 bard_type을 에 넣어주려 했는데 체크박스..

참조 홈페이지 https://www.data.go.kr/ 카카오맵과 마찬가지로 코드를 작성하기 전에 먼저 위 사이트에 들어가서 만들어 줘야 될 것들이 있다. 먼저 위 공공데이터포털 사이트에 들어가서 회원가입 한 후 원하는 데이터를 입력해 준 후 아래쪽에 보이는 오픈 API에 들어간 후 본인이 원하는 데이터에 활용신청을 한 후 메인 페이지에서 마이페이지로 들어가면 아래와 같은 화면이 보이는데 API신청을 클릭하면 신청되어 있는 글에 들어가 보면 본인이 부여받은 키를 확인할 수 있는데 그 키를 이용해서 코드를 작성하면 된다. ++ 활용 신청 상세기능정보에서 이용하려는 데이터의 요청변수가 어떤 식으로 나오는지 미리 볼 수 있는 기능도 있으니 이용하면 좋다. 이런 식으로 확인할 수 있다. 또 개발계정 상세보기에..

참조 홈페이지 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 코드를 작성하기 전에 먼저 위 사이트에 들어가서 만들어 줘야 될 것들이 있다. 먼저 위 사이트에 들어가서 로그인한 후 내 애플리케이션에 들어가서 애플리케이션 추가하기를 눌러서 아래 Map API (이름은 자유) 하나를 만들어 주고 들어가 보면 사진에 보이는것처럼 다양한 키를 부여받고 왼쪽에 플랫폼으로 들어가서 처음엔 사이트 도메인이 설정이 안 되어 있는데 본인의 로컬에 맞게 설정해 주면 일단 초기 설정은 끝난다. 관련 화면 사진과 ..

목표 카카오 맵 API 사용 기상청 단기예보 조회 서비스 API 사용 구현화면 메인 화면 검색 화면 1. 메인 화면 2. 검색 화면

관련 화면 관련 코드 1. application.properties ############################################# #파일 업로드 설정 ############################################# spring.servlet.multipart.location=img/ spring.servlet.multipart.enabled=true spring.servlet.multipart.max-file-size=10MB 파일 업로드를 위한 multipart 설정 추가 2. HTML HTML에 파일 업로드 위한 태그 작성 아이디 작성 3. 파일 정보를 저장할 VO 작성 package kr.co.crud.domain; import lombok.Data; @Data..

참조 홈페이지 https://github.com/naver/smarteditor2/releases/tag/v2.8.2.3 Release v2.8.2.3: archive v2.8.2.4259f59 · naver/smarteditor2 2.8.2.3 보안 패치 file_uploader_html5.php의 null byte injection 취약점 추가 보완 file_uploader.php의 리다이렉트 취약점 보완 sample.php에서 XSS filtering을 위해 HTMLPurifier라이브러리를 적용 sample.php -> sample/viewer/in github.com 관련 화면 관련 코드 1. 스마트 에디터 다운로드 참조 홈페이지에 들어가서 네이버 스마트에디터를 다운로드한다. 2. 스마트 에디터..