project/personal project 9

[API] 공공데이터 기상청 API 기능 구현

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

[API] 카카오맵 API 기능 구현

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

[CRUD] 기능구현 - 단일 파일첨부 업로드 및 다운로드

관련 화면 관련 코드 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..

[CRUD] 기능구현 - 게시글 작성 (네이버 스마트 에디터)

참조 홈페이지 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. 스마트 에디터..

[CRUD] 기능구현 - 로그인 기능 구현 (스프링 시큐리티)

관련 화면 관련 코드 1. Spring Security dependency 추가하기 build.gradle에 security와 관련된 의존성 추가 implementation 'org.springframework.boot:spring-boot-starter-security' 의존성 추가 후 프로그램을 작동시키면 스프링 시큐리티에서 제공하는 로그인 페이지를 볼 수 있다. 콘솔창을 보고 비밀번호 입력할 수 있다 Username : user Password : 콘솔창 이게 너무 귀찮으면 application.properties에서 기본 스프링 시큐리티 username이랑 password를 설정할 수 있다. 2. Security Config 작성 package kr.co.crud.security; import o..

[CRUD] 기능구현 - Daum (KaKao) 우편번호 API

참조 홈페이지 https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 관련 화면 이 화면에서 우편번호 버튼을 클릭하면 사진과 같이 주소를 입력할 수 있는 팝업창이 뜬다 팝업창에 본인의 주소를 입력해서 확인을 눌러주면 자동으로 우편번호와 주소가 입력된다. 관련 코드 1. HTML 2. Script 우편번호 서비스 연결 3. JS 우편번호 서비스 호출 및 이용 function fnPostcode(){ new daum.Postcode({ oncomplete: func..

[CRUD] DB설정

1. Mysql 다운로드 1. 터미널 접속 후 homebrew이용해서 mysql다운로드하기 $ brew install mysql 2. 터미널에서 root아이디로 mysql에 접속 후 비밀번호 설정 하기 터미널을 켜고 아래 코드를 입력하면 root아이디로 mysql에 접속 mysql -u root 그 후 아래 코드 입력해서 비밀번호 설정 alter user 'root'@'localhost' identified with caching_sha2_password by '변경할 비밀번호'; 3. 설정이 잘 됐는지 확인하고 싶으면 아래 코드 입력 후 확인 mysql -u root -p 저렇게 입력하면 아래 사진처럼 나오는데 그럼 위에서 설정했던 비밀번호 입력 후 mysql로 접속이 잘되면 비밀번호 설정이 잘된 거 ..

[CRUD] 화면 구현

목표 기본CRUD 네이버 스마트 에디터를 이용한 게시판 단일 첨부파일 등록 및 다운로드 스프링시큐리티 로그인 기능 우편번호 API사용 구현화면 목록 (USER) 로그인 회원가입 구현화면 목록 (BOARD) 게시글 목록 게시글 쓰기 게시글 보기 [USER] 1. 로그인 페이지 2. 회원가입 페이지 [BOARD] 1. 게시판 목록 페이지 2. 게시판 글쓰기 페이지 3. 게시판 글 보기 페이지