SpringBoot · intelliJ · OracleDB · Thymeleaf 이러한 에러가 발생할 경우, 직접 만든 에러페이지를 보여줄 수 있도록 설정해보았다. 1.에러컨트롤러 생성 import org.springframework.boot.web.servlet.error.ErrorController; import org.springframework.http.HttpStatus; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import java..
SpringBoot · intelliJ · OracleDB · Thymeleaf [Springboot] 이전글 다음글 만들기 [30] (tistory.com) [Springboot] 이전글 다음글 만들기 [30] SpringBoot · intelliJ · OracleDB · Thymeleaf 1. 엔티티생성 이전페이지와 다음페이지의 데이터를 담을 엔티티 작성 QuestionPage.java package com.gosari.repick_project.question; import lo.. rebornbb.tistory.com 지난 게시글에서 이전글 다음글 만들기 했었다. 구현 후 수정 해야할 점이 있었는데, 이전글과 다음글이 없을 때 에러가 뜨는 점이 아쉬웠다. 이번 글에서는, 이전글과 다음글이 없을때 ..
Responsive Table Design - HTML CSS See the Pen table design by rebornbb (@bongcasso01) on CodePen. :before :after 특정요소의 앞이나 뒤 :first-child 그부모요소의 첫번째자식요소 :last-child 그부모요소의 마지막자식요소 :nth-child(N) 부모안의 모든요소 중 N번째요소 :not 지정선택자 아닌 요소 선택
video 태그로 동영상을 삽입하면, 트랙픽이 많이 나가는 단점이 있다고 한다. 이에 대한 방안으로 유튜브 iframe을 삽입하는 방법이 있다. 1.유튜브 동영상을 html 태그로 가져와 웹페이지에 삽입 1)지정한 영상의 공유버튼을 누르고 퍼가기 클릭 2)동영상퍼가기에서 나오는 iframe 태그 내용을 복사한 후 그대로 html에 붙여넣으면 완료. 2.속성추가 여기서 자동재생과 반복재생 기능을 넣고싶을 때 마크업 태그안에 매개변수를 넣어 제어 하면된다. "https://www.youtube.com/embed/ibYD23-dtjo" iframe태그에서 ibYD23-dtjo 이부분은 해당영상의 ID값이다. 속성은 이 뒤로 물음표를 붙인 후 이어 넣어주면된다. 1 - 자동재생 "https://www.youtu..
jsoup 라이브러리로 웹사이트 크롤링하기 출처 : https://marah.tistory.com/33 Jsoup HTML 파싱 Java 라이브러리입니다. DOM, CSS 및 jquery와 같은 방법을 사용하여 데이터를 추출하고 조작하는 편리한 API를 제공합니다. 주로 정적인 웹 페이지를 파싱하고자 하는 경우, 간단하게 HTML을 가져와 파싱을 할 수 있는 라이브러리입니다. 설명 출처: https://jinseongsoft.tistory.com/156 [진성 소프트:티스토리] jsoup 사용준비방법 build.gradle 의존성추가 //jsoup 의존성 추가 implementation 'org.jsoup:jsoup:1.15.3' 1. 크롤링 할 웹사이트 주소 지정 https://www.hkbs.co.k..
마크다운 에디터 마크다운에 익숙하지 않은 사용자도 익숙한 도구 모음 버튼과 바로 가기를 사용할 수 있습니다. 또한 편집하는 동안 구문이 렌더링되어 예상 결과를 명확하게 표시합니다. 마크다운 설명링크 : https://rebornbb.tistory.com/entry/StringBoot-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8%EA%B2%8C%EC%8B%9C%ED%8C%90-%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4-%E2%9C%94%EC%A0%95%EB%A6%AC26 마크다운에디터에는 여러가지 에디터가 있다. 나는 SimpleMDE Markdown Editor를 적용 해볼 것이다. JavaScript Markdown Editor - Simpl..
애플리케이션 - NAVER Developers 애플리케이션 - NAVER Developers developers.naver.com 애플리케이션 정보 > 클라이언트 아이디 , 비밀번호 확인 여기에서 본인이 입력한 조건의 api 데이터를 확인 할 수 있다. JSON IN java 라이브러리를 gradle의 dependencies에 추가 // https://mvnrepository.com/artifact/org.json/json implementation group: 'org.json', name: 'json', version: '20220924' NaverShopSearch.java package com.gosari.repick_project.onlineshopping; import org.json.JSON..
Kakao maps API 오류잡기 ↓ 카카오맵 API 사용 설명 링크 ↓ https://rebornbb.tistory.com/entry/API-%EC%B9%B4%EC%B9%B4%EC%98%A4maps-API-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 카카오maps API 샘플 사용 중 (https://apis.map.kakao.com/web/sample/keywordList/) 키워드로 장소검색하고 목록으로 표출하기 에서 지도는 출력이 되나, 목록만 출력되지않는 오류가 발생했다. 동일한 코드임에도데스크탑에서는 잘되는 API 라이브러리 서비스가 노트북에서만 출력이 되지않으니 이해가 되지않았다 우선 크롬 개발자도구에서 콘솔에러를 확인했다. 아래와 같은 에러가 떴다. Access to..
Kakao maps API 카카오maps API는 간략하고 친절한 설명 문서로 접근하기 편했다. 해당 게시글은 웹으로 사용 시 카카오maps API 사용방법을 정리하였다. 1. 카카오maps API 홈페이지접속 https://apis.map.kakao.com/ 로그인 후 상단 오른쪽에 APP KEY 발급 클릭 2.애플리케이션 추가하기 앱이름, 사업자명을 입력해준 후 저장 애플리케이션 목록에 새롭게 생성된 것을 확인할수있다. 3.애플리케이션 플랫폼 설정하기 애플리케이션이 추가된 것을 클릭 > 플랫폼 > 플랫폼설정하기 웹 > 웹플랫폼등록 아직은 도메인이 없으니 http://localhost:8080/ 을 입력해주었다. 4.샘플 파일 사용하기 https://apis.map.kakao.com/web/sample..
