각진 세상에 둥근 춤을 추자

NAVER SMS API 사용이 개인 회원은 불가능하다고 해 타 사이트 API를 사용하기로 했다. https://coolsms.co.kr/ 세상에서 가장 안정적이고 빠른 메시지 발송 플랫폼 - 쿨에스엠에스손쉬운 결제 전용계좌, 신용카드, 계좌이체 등 국내 결제 뿐만 아니라 해용신용카드로 한번의 카드번호 등록으로 자동충전까지 지원합니다. 전용계좌, 신용카드, 계좌이체 등 다양한 결제 방식coolsms.co.kr  회원 가입 후 본인인증을 하면 환경설정 > 발신번호 관리에 나의 번호가 등록된다.   개발/연동 > API Key 관리에서 새로운 API KEY를 생성한다.  build.gradle에 CoolSMS API의 의존성을 추가한다.implementation 'net.nurigo:sdk:4.3.0'  단..

1. 공공데이터 포털 API 활용 신청 https://www.data.go.kr/index.do 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 아래 주소를 통해 회원가입 및 로그인 후 기상청_단기예보 API를 활용신청한다. 마이페이지의 활용신청 현황에서 일반 인증키(Encoding)를 복사한다. 해당 화면에서 "상세설명"과 "참고문서"를 참고하여 코드를 작성한다. 해당 화면의 "활용신청 상세기능정보"에서 요청변수에 따른 응답결과를 미리볼 수 있다. 참고로 "초단기예보조회"는 최근 3일 간의 데이터만 제공하기 때문에 ..

1. Kakao Developer https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com Kakao Developer에서 애플리케이션을 등록한 후, JavaScript 키를 복사한다. 내 애플리케이션 > 앱 설정 > 플랫폼에서 개발 시 사용할 도메인을 추가한다. 2. HTML에 지도 그리기 https://apis.map.kakao.com/web/guide/ 카카오지도 가이드를 통해 어떤 방식으로 코드를 작성하는지 알 수 있다. 우선, HTML 화면에 (2) 지도 영역 그리기 지도를 담을 div에 id..

공공데이터 포털 API 중 기상청 단기예보 조회 서비스를 이용한다. 장소 검색에 따라 장소별 날씨를 조회할 수 있다. 구현 화면 메인 화면 검색 결과 화면 1. HTML (1) 메인 화면 코드 더보기 날씨 단기예보 검색 검색 map weather Copyright© circle All Rights RESERVED. 2. CSS 전체 CSS 코드 더보기 /* common css */ * { margin: 0; padding: 0; font-family: 'Lato','Nanum Gothic',dotum,'돋움',arial,sans-serif; font-size: 15px; font-weight: 400; box-sizing: border-box; } ul, ol {list-style: none;} a {t..

태그를 이용해 단일 파일 업로드 기능을 구현한다. 1. application.properties application.properties에 파일 업로드를 위한 multipart 설정을 추가한다. ############################################# #파일 업로드 설정 ############################################# spring.servlet.multipart.location=img/ spring.servlet.multipart.enabled=true spring.servlet.multipart.max-file-size=10MB 2. HTML 화면 작성하기 HTML에 파일 업로드를 위한 태그를 작성한다. 아이디를 fileUpload라고 작성한다..

네이버 스마트에디터를 통해 게시글을 작성한다. 1. 스마트에디터 다운로드 아래 링크에 접속하여 네이버스마트에디터(버전 2.8.2)를 다운받는다. 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. Spring Security dependency 추가 build.gradle에 security와 관련된 의존성을 추가한다. implementation 'org.springframework.boot:spring-boot-starter-security' 프로그램을 구동시키면 스프링 시큐리티에서 제공하는 로그인 페이지가 뜬다. 아래와 같이 콘솔창을 통해 비밀번호를 입력한다. Username: user Password: 콘솔창 확인 또는 application.properties에 기본 스프링 시큐리티 Username과 Password를 지정한다. ############################################# #스프링 시큐리티 임시 아이디..

Daum 우편번호 API 회원가입 시, 주소를 입력해야 할 때 편리한 우편번호 서비스 API를 이용한다. 아래 주소를 통해 Daum 우편번호 서비스를 이용할 수 있다. https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 1. HTML 먼저 해당 서비스를 적용할 HTML 코드를 작성한다. 우편번호, 기본주소, 상세주소가 들어갈 태그를 작성한다. 2. Script 우편번호 서비스 연결 해당 HTML 화면 페이지에 우편번호 서비스를 호출한다. 3. JS 우편번호 ..

1. 구현 화면 목록 User: 로그인, 회원가입 Board: 글 목록, 글 쓰기, 글 보기, 글 수정 (1) User - 로그인 화면 # 기능: 로그인, 아이디 찾기, 비밀번호 찾기, 회원가입, 소셜 로그인 ▽ 로그인 화면 HTML 코드 더보기 Board System v1.0 홍길동님 반갑습니다. [로그아웃] title writer 2023.12.28 18:07 조회 1 content file 댓글 1 이원정 2023.12.28 18:57 hi 이원정 등록 수정 삭제 ⓒCopyright by circle.co.kr [참고] 전체 CSS 코드 더보기 /* 태그 초기화 */ *{ margin: 0; padding: 0; box-sizing: border-box; border-collapse: collaps..

1. New Window File - Settings - Appearance&Behavior - System Settings - Open projoect in New Window 체크 2. Java Compiler 설정 File - Settings - Build, Execution, Deployment - Compiler - Java Compiler 3. UTF-8 설정하기 File - Settings - Editor - File Encodings File Encodings > Global Encoding : UTF-8 File Encodings > Project Encoding : 기본 system UTF-8 (프로젝트에 맞는 인코딩 설정) File Encodings > Properties Files ..