각진 세상에 둥근 춤을 추자

태그를 이용해 단일 파일 업로드 기능을 구현한다. 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..