ZeroBin`s 개발일지

"The type cohttp://m.fasterxml.jackson.core.JsonProcessingException cannot be resolved. It is indirectly referenced from required .class files" 오류는"new ObjectMapper().writeValueAsString(obj)" 소스 작성 시, jackson-databind 와 jackson-core 가 classpath 에 잘 등록되어 있는지 확인하면 됩니다.최신 버전은 Maven Repository 사이트에서 다운로드 가능합니다.- jackson-databind - jackson-core감사합니다.

위 오류는 SpringMVC 에서 MapperScan 이나 ComponentScan 시 basePackage 의 값을 1레벨(com) 으로만 작성한 경우 발생합니다. basePackage 경로를 2depth 이상으로 작성하면 됩니다. 감사합니다.

터치 이벤트를 통해서 이미지를 슬라이드 기능 구현하는 방법에 대해 간략하게 알아보겠습니다. 1. HTML 작성img 태그에 touch 이벤트를 연결합니다. 2. script 작성let isDragging = false;let startPosX = 0; // 시작지점let endPosX = 0; // 끝지점let startLeft = 0;let maxMove = 50; // 최대 이동 거리 설정// 드래그 시작function startDrag(event) { isDragging = true; startPosX = event.touches[0].clientX; const myImg = document.getElementById('myImg'); startLeft = parseInt(wi..

이 에러는 oracle.jdbc.driver.T4CConnection 클래스의 isValid 메소드가 호출될 때 발생하는 java.lang.AbstractMethodError입니다. 이는 주로 JDBC 드라이버와 관련된 문제로, JDBC 드라이버 버전과 JDBC API 버전의 불일치로 인해 발생할 수 있습니다.원인JDBC 드라이버 버전 불일치: 사용 중인 Oracle JDBC 드라이버가 애플리케이션의 JDBC API와 호환되지 않아서 발생합니다.라이브러리 충돌: 클래스패스에 여러 버전의 JDBC 드라이버가 존재하여 충돌이 발생할 수 있습니다.해결 방법최신 JDBC 드라이버 사용Oracle의 최신 JDBC 드라이버를 다운로드하여 사용합니다. 최신 버전은 Oracle 공식 웹사이트 또는 Maven Repos..

이 에러는 Java 애플리케이션이 데이터베이스에 연결하려고 시도할 때 발생하며, 사용된 연결 문자열이 잘못된 형식을 가지고 있기 때문입니다. 특히, Oracle 데이터베이스에 연결할 때 이 오류가 자주 발생합니다. 원인오류 메시지에서 Invalid connection string format, a valid format is: "host:port:sid" 라고 명시하고 있습니다. 이는 연결 문자열이 잘못된 형식을 가지고 있음을 의미합니다. 유효한 형식은 host:port:sid입니다. 해결방법올바른 형식의 연결 문자열을 사용해야 합니다. 아래는 몇 가지 예제입니다. 1. JDBC Thin Driver 사용 시String url = "jdbc:oracle:thin:@hostname:port:sid"; //..

Javascript로 img 태그의 파일 확장자를 변경하는 방법에 대해 간략히 알아보겠습니다. 예제는 BMP -> PNG로 변환하는 과정입니다.함수작성async function handleImageModalClick(bmpUrl) { try { var modalImg = document.getElementById("modalImage"); var bmpUrl = modalImg.src; // Fetch the BMP image as an ArrayBuffer const response = await fetch(bmpUrl); const arrayBuffer = await response.arrayBuffer(); // Create a Blob from the ArrayB..

Thymeleaf에서 태그에 속성값을 입력하고 함수로 Element 넘기는 방법에 대해 간략히 알아보겠습니다. 1. 속성 선언th:data-url 이라는 속성에 변수 imgUrl 값을 맵핑하고 zoomIn 함수에 this을 파라미터로 넘깁니다.2. 함수 구현function zoomIn(element){ var imgUrl = element.getAttribute('data-url'); // 모달창을 여는 로직 var modal = document.getElementById("imageModal"); var modalImg = document.getElementById("modalImage"); modal.style.display = "flex"; modalImg.src = imgUrl;}g..

티스토리에 이미지를 첨부하면 기본적으로 테두리가 없어 글과 섞여 보기 불편할 때가 있습니다. 아주 간단하게 모든 이미지에 테두리를 설정하는 방법에 대해 알아보겠습니다. 1. /manage 페이지 접속 > "스킨편집" 클릭2. 오른쪽 상단에 "html 편집" 버튼을 클릭합니다.3. 내 글에서 이미지 선택자 찾기CSS 는 스킨마다 다르기 때문에 본인이 작성했던 포스팅으로 접근하여 F12를 통해 선택자를 찾습니다.저의 경우엔 "figure" 태그의 "imageblock" 클래스 하위 img 태그임을 알 수 있습니다.4. css 탭 > img 태그 찾기html 편집의 css 탭으로 이동하여 img 태그를 찾습니다.5. 테두리 수정#article-view figure.imageblock img { display..

Next.js 를 이용하여 매~~우 간단한 게시판을 만들어 보겠습니다. 혹시 Next.js 가 설치가 안되셨다면 [Next.js] Next.js 설치하는 방법 을 참고해주세요.1. 프로젝트 구조my-board/├── node_modules/├── public/│ └── favicon.ico├── src/│ ├── components/│ │ ├── Post.js│ │ └── PostList.js│ ├── pages/│ │ └── index.js│ ├── styles/│ │ └── globals.css│ └── utils/│ └── api.js├── .gitignore├── next.config.js├── package.json└── README.md..

Next.js를 이용하여 게시판을 만드는 방법에 대해 간략히 알아보겠습니다. Next.js 설치하기 위해선 nodejs를 먼저 설치하셔야 합니다. 1. nextjs 설치npx create-next-app@latest --typescriptworkspace 경로에 npx 명령어를 입력하여 nextjs를 설치합니다.2. 프로젝트생성3. vscode 실행npm run dev 명령어를 통해 앱을 실행시킵니다.4. 실행화면localhost:3000 접속위 페이지가 뜬다면 정상적으로 설치된 것 입니다.감사합니다.