본문 바로가기
반응형

분류 전체보기192

[JS] 타임 슬라이더 구현(자동 스크롤) 해당 게시물은 위 예시 이미지 설명에서 언급한 바와 같이, 타임슬라이더를 생성하고 '이전', '다음' 버튼을 통해 슬라이더를 컨트롤 하는 기능을 생성함과 더불어 해당 기능 동작 시, active상태의 요소가 사용자에게 보여지는 부모요소 사이즈 내에 항상 표출될 수 있도록 자동 스크롤 기능을 덧붙이는 코드에 대한 예시에 대한 정리 글이다.  구현을 위한 코드 예시는 아래와 같다. See the Pen 자동 스크롤 타임슬라이더(이전/다음) by HamJeong (@HamJeong) on CodePen.">See the Pen 자동 스크롤 타임슬라이더(이전/다음) by HamJeong (@HamJeong) on CodePen. 위 예시 코드를 직접 동작해보면 알 수 있다 시피, '이전', '다음' 버.. 2024. 11. 25.
[지도 API] leaflet 해당 게시글은 leaflet이라는 지도 라이브러리를 활용하여, 지도에 특정 도형 레이어를 생성하는 모듈에 대한 내용을 정리한 글이다. 목차는 다음과 같다.1. 지도 객체 생성2. 값 변환에 따른 polygon 컨트롤 표출 결과를 먼저 하단에 첨부하였다. See the Pen leaflet by HamJeong (@HamJeong) on CodePen.">See the Pen leaflet by HamJeong (@HamJeong) on CodePen. 1. 지도 객체 생성지도 생성을 위해 필요한 leaflet라이브러리(js, css)와 간편한 요소 조작을 위한 jquery라이브러리를 참조한 후, 값 변경에 필요한 select요소와 지도를 생성할 div 요소를 추가한 html코드 및 스타일 시트 .. 2024. 11. 22.
[zoomer.js] 이미지 확대 축소 라이브러리 활용 해당 게시글은 JQuery라이브러리인 zoomer.js를 활용하여 이미지 요소의 확대 축소 기능을 구현하는 내용에 대해 정리하였다. 목차는 아래와 같다.1. 정적소스 참조2. 구현3. 한계점  1. 정적소스 참조라이브러리 사용을 위해 필요한 정적소스를 참조해야한다(CDN 방식) 본인의 경우, 인터넷망이 연결된 환경이 아니기 때문에 직접 파일을 다운로드하여 세개의 필수 파일을 프로젝트 내 추가하여 참조하였다.   버전 관리로 인한 이슈 방지를 위해서는 가급적 아래 공식 링크를 참조하여 파일 다운로드 및 CDN 방식으로 필요 파일을 로드하는 것을 추천한다.https://www.jqueryscript.net/zoom/Smooth-Image-Enlargement-Plugin-Zoomer.html Smooth I.. 2024. 11. 21.
[intellij] ecclipse 프로젝트 build https://sweets1327.tistory.com/62 인텔리제이에서 이클립스 프로젝트 사용하기(tomcat 연결)개인적으로 프로젝트를 할 때는 스프링부트와 인텔리제이를 사용했는데, 회사에서는 이클립스와 서버를 직접 사용했다. 그래서 이클립스 프로젝트를 인텔리제이에서 사용하기 위해서는 추가sweets1327.tistory.com 개인적으로 프로젝트를 할 때는 스프링부트와 인텔리제이를 사용했는데, 회사에서는 이클립스와 서버를 직접 사용했다. 그래서 이클립스 프로젝트를 인텔리제이에서 사용하기 위해서는 추가적인 설정이 필요하다는 사실을 알게 되었다. 그래서 해당 문제에 직면했을 때 다시는 동일한 고통을 느끼지 않기 위해서 정리하려고 한다. 0. 인텔리제이 버전 : 2022.01 Ultimate1. Pro.. 2024. 7. 29.
[ORA-28040] 일치하는 인증 프로토콜 없음 intellij에서 프로젝트 작업 중 ORA-28040오류가 발생하여, 해당 부분을 개선하게되면서 방법을 정리해보았다.  발생원인 클라이언트와 서버 간의 버전 차이: 오라클 클라이언트와 서버의 버전이 다를 때, 특히 클라이언트가 서버보다 낮은 버전일 때 발생할 수 있습니다.서버에서 허용하는 인증 프로토콜 설정: 서버가 허용하는 인증 프로토콜이 클라이언트에서 사용하는 프로토콜과 다를 때 발생할 수 있습니다.  해결방안ojdbc드라이버 변경: ojdbc14.jar일때 문제가 자주 발생한다고 한다. 이때 6이나 7버전으로 변경해주면 개선될 가능성이 있다고 한다.sqlnet.ora파일 수정: 해당 파일 수정을 통해 접속 통신 가능한 오라클 버전을 명시할 수 있다고 한다. 하단에 첨부한 링크는 maven 레포지토.. 2024. 7. 9.
[JS] 부등식 검증 함수 javascript에서 "0>1"등의 형식과 같은 문자열로 된 부등식의 결과가 올바른지, 아닌지 판별하기 위해 eval()함수를 사용할 수 있다. 하지만 어딜 찾아봐도 해당 함수는 보안상의 위험이 있으니 사용을 지양하라고 한다. 해당 함수를 대체하기 위해 동일한 결과를 제공하는 함수를 하단에 공유한다.function evaluateInequality(inequalityString) { // 정규 표현식을 사용하여 부등식 패턴을 추출 const regex = /^([-+]?\d+(\.\d*)?)\s*([]=?)\s*([-+]?\d+(\.\d*)?)$/; const match = inequalityString.match(regex); if (!match) { throw ne.. 2024. 7. 4.
반응형

티스토리툴바