본문 바로가기
반응형

분류 전체보기161

jquery 셀렉터 정리. Jquery 셀렉터로 특정 단어로 시작해서 특정 단어로 끝나는 (ex: a-xxxx-b) 값을 지정할수있다 예제 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 .siblings * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } $(document)... 2022. 11. 24.
웹 scroll, offset, client Height 의 차이 웹페이지, 또는 요소의 높이값 정보를 얻는 속성은 대표적으로 clientHeight와 offsetHeight, scrollHeight가 있습니다. 세 속성은 어떤 경우에는 값은 높이값을 표시하지만, 어떤 경우에는 다른 높이값을 표시합니다. 각 속성이 표시하는 높이 값의 의미는 다음과 같습니다. clientHeight 는 요소의 내부 높이입니다. 패딩 값은 포함되며, 스크롤바, 테두리, 마진은 제외됩니다. offsetHeight 는 요소의 높이입니다. 패딩, 스크롤 바, 테두리(Border)가 포함됩니다. 마진은 제외됩니다. scrollHeight 는 요소에 들어있는 컨텐츠의 전체 높이입니다. 패딩과 테두리가 포함됩니다. 마진은 제외됩니다. 그림으로 표현하면 다음과 같습니다. 세속성 모두 정수값으로 표현되.. 2022. 11. 24.
spring modleAndView 404 OR tomcat 404 페이지를 못찾는 경우. 1. spring 에서 404가발생하는 경우는 DispatcherServlet에 정의 된 viewResolver의 prefix경로를 확인해봐야한다. 설정된 경로와 확장자가 이상없는지 확인해봐야한다. 자세한 내용 : https://hello-walnuty.tistory.com/16 1. spring 설정에 전혀 문제가 없다면 톰캣에 work 디렉토리를 살펴봐야한다. work 디렉토리는 그 이름에서 알 수 있듯이 runtime에 필요한 파일들, 예를들어 JSP로부터 변환된 서블릿코드(java파일), 또 그것을 compile하여 발생된 class파일 그리고 세션 파일들이 상주하는 공간이다. 이곳에 문제가 생겨 jsp파일을 읽지 못하는 경우도 있다. 이경우는 work디렉토리를 다른곳에 백업 후 삭제. 톰캣을 재.. 2022. 11. 24.
무료 에디터툴 모음 개인 뿐만 아니라 기업에서도 사용할 수 있는 무료 텍스트 에디터 모음입니다. 라이선스는 바뀔 수 있으니, 사용 시 다시 한 번 확인하시기 바랍니다. 정렬은 알파벳순입니다. 목차 1 AcroEdit 2 Atom 3 Brackets 4 Notepad ++ 5 Visual Studio Code AcroEdit Platforms : Windows Atom Platforms : Windows / MAC / Linux Brackets Platforms : Windows / MAC / Linux Notepad ++ Platforms : Windows Visual Studio Code Platforms : Windows / MAC / Linux 출처 : https://www.codingfactory.net/11259 .. 2022. 11. 24.
네이버 (웹에디터) 스마트 에디터 네이버 스마트에디터가 가장깔끔하고 오픈소스에 심플한 느낌.. 일단 네이버 Developers 경로 https://developers.naver.com/opensource/tools/editor/ 배포경로가 https://github.com/naver/smarteditor2로 바뀌었습니다. SmartEditor 3.0은 대외 공개하고 있지 않습니다. 라고 한다. GitHub에서 받을 수 있고 매우 친절하다? 유저 가이드 http://naver.github.io/smarteditor2/user_guide/ SmartEditor2는 JavaScript로 구현된 웹 기반의 WYSIWYG 편집기이다. 글꼴, 글자 크기, 줄 간격 등을 자유롭게 설정할 수 있으며, 단어 찾기/바꾸기와 같은 편리한 기능을 제공한다. .. 2022. 11. 23.
락 확인, 테이블 정보 검색, 프로시저등에서 내용 검색... 락확인, 테이블 정보 검색, 프로시저등 내용 검색... 할수 있는 쿼리들입니다. 약간에 수정 필요할수 있음. 마이바티스 CRUD자동 생성 쿼리는 여기서 확인. MsSql mybatis ,ibatis에 사용가능한 쿼리 자동 생성 스크립트 2022. 10. 26.
피들러(Fiddler) HTTPS 연결 및 수집 허용 설정하기 ■ 피들러(Fiddler) HTTPS 연결 및 수집 허용 설정하기 피들러(Fiddler)에서 HTTPS 패킷을 보기 위한 추가적인 옵션 설정 방법 ■ 설정방법 1. 피들러(Fiddler) 실행 2. 메뉴바 Tools - Options 피들러 Tools - Options 이미지 3. Options 창에서 "HTTPS" 탭 선택 - "Capture HTTPS CONNECTs"와 "Decrypt HTTPS traffic" 체크 * 이 때 Root 인증서 설치 여부를 묻는 경우 "Yes", 보안 경고창 및 사용자 계정 컨트롤 확인 창 모두 "예(Y)" 선택 Options - HTTPS 탭 선택 이미지 4. Protocols: 우측의 파란 텍스트 클릭 - 연결을 허용할 프로토콜 입력 ( ex.;ssl3;tls1... 2022. 10. 25.
SVN 파일 비교, 공백문자 무시 출처: https://jsp-making.tistory.com/17 [JSP 요리:티스토리] 2022. 10. 21.
MSSQL 한글 검색이 안되는경우 ( Varchar 와 nVarchar의 차이 ) SELECT * FROM tblName WHERE Name = '아무개' 이럴경우 검색이 안되고 영문만 검색되는 경우가 있습니다. 다음과 같이 검색할 문자열 앞에 N을 붙여주시면 Encoding이 UNICODE로 유지됩니다. SELECT * FROM tblName WHERE Name = N'아무개' Name 컬럼이 nVarchar이기 때문이다. "MSSQL 의 Varchar와 nVarchar의 차이" MSSQL 에서 테이블 설계 시 컬럼 데이터타입 중 Varchar 와 nVarchar 모두 생성이 가능하도록 되어있습니다. 둘 다 문자열을 저장하는 데이터 타입이지만, Varchar는 1개의 한글 문자는 2바이트, 1개의 영문 문자는 1바이트를 사용하고, nVarchar는 한글 영문 상관없이 1개의 문자당 .. 2022. 10. 17.
웹 캐시 저장 방지하기 밑에 설정들은 캐시 방지용이지 기존에 있던 캐시를 삭제하는 기능은 아니다. 기존에 있던 캐시를 무시하는건 쿼리스트링에 ver을 넣어 호출하는 방법이 있다. (이렇게 하면 스크립트 버전을 관리해야하기 때문에 불편해질수 있다.) => 참고 : https://domdom.tistory.com/m/entry/%EC%BA%90%EC%8B%9C%EB%B0%A9%EC%A7%80-%EC%9B%B9-%EA%B0%9C%EB%B0%9C-%EC%8B%9C-CSS-JS-Image-%EC%BA%90%EC%8B%9C-%EB%B0%A9%EC%A7%80%ED%95%98%EB%8A%94-%EB%B2%95 HTML 파일에 설정 : JSP 파일에 설정 : Spring MVC Controller methods 설정 : @Controller .. 2022. 10. 17.
javascript *.js파일을 넥사에서 include하기(화면 캡쳐) 넥사크로 내에서 javascript의 js파일을 include해서 개발할수 있다. (물론 런처에서 실행할경우는 사용불가, 크롬등에 브라우저에서 사용 가능) 자세한 내용은 원본사이트 첨부 스크립트 참조. : https://www.playnexacro.com/#show:techtip:4715 2022. 10. 17.
script 웹페이지 잘리지 않게 PDF 파일로 만들기 먼저 준비물 bluebird는 익스플로러에서 작동하게 하려면 꼭 필요하다. jspdf는 pdf 생성해주는 라이브러리, html2canvas는 html 페이지를 이미지로 만들어주는 라이브러리이다. 주의사항 html2canvas는 html페이지와 같은 도메인에 올라가 있는 이미지만 불러올 수 있는 것 같다. 외부 cdn 이미지를 이용하면 출력되지 않는다. (https://stackoverflow.com/questions/31509227/html2canvas-not-rendering-cdn-images) pixabay에 있는 이미지 주소로 이미지를 넣고 실행하니까 전혀 나오지 않아서 찾아보니 이런 내용이 있다. 그래서 따로 호스팅을 파서 같이 올리니 실행이 됨. 데모 http://gyl13.dothome.co.. 2022. 10. 17.
Javascript 화면 캡쳐 [html2canvas] 브라우저에서 화면의 모습을 캡쳐하려면 html2canvas라는 오픈소스 라이브러리를 사용하면 구현하기 매우 간단합니다. https://html2canvas.hertzen.com/ 먼저 조금 철(?)지난 소스코드 사용방법 입니다. function click(){ html2canvas( document.querySelector('#대상') , { onrendered: function(canvas) { saveAs(canvas.toDataURL(), '이름.png'); } }); } function saveAs(uri, filename) { var link = document.createElement('a'); if (typeof link.download === 'string') { link.href = ur.. 2022. 10. 17.
이클립스에서 변경된 소스 자동으로 refresh 하기 로컬에서 web경로로 이미지 업로드 및 이클립스가 아닌 외부 프로그램(넥사크로등)에서 웹소스를 변경시이클립스에서 F5 refresh 를 하지 않는 이상은 로컬 서버(톰캣)에서 인식하지 못한다. window-preference -> general-workspace 에refresh using native hooks or polling 과 save automatically before build 이 두 항목을 체크해주면빌드 되기전에 리프레시를 먼저 하여 파일을 인식할 수 있게 된다.  Preferences -> Run/Debug -> Launching -> "Save required dirty editors before launching"을 Always로... 2022. 10. 17.
윈도우 무료 실시간 로그 파일 모니터링 도구 window tail 원본 http://ngmsoftware.com/bbs/board.php?bo_table=tip_and_tech&wr_id=592 엔지엠소프트웨어 엔지엠 매크로는 복잡한 반복작업을 자동화할 수 있습니다. PC 게임, 모바일 게임을 최적으로 지원하며 모든 PC 프로그램 및 업무에 적용할 수 있습니다. www.ngmsoftware.com [ 스네이크 테일 다운로드 ] 현재 버전은 1.9.7이네요. SnakeTail.v1.9.7.x64.msi 파일을 다운로드 받아주세요. 다운로드 받은 파일을 더블 클릭하면 자동으로 설치가 진행됩니다. 사용자에게 물어보는거 하나 없이 설치가 완료됩니다. 로그 파일을 열어보면 아래 그림과 같이 한글이 제대로 표시되지 않습니다. 메뉴의 Edit > View Options를 클릭하세요.. 2022. 8. 31.
MS SQL 및 기타DB 무료 툴 추천 0. DBever(디비버)의 장점 #1 무료 - It is free and open-source (ASL). - 무료로 사용할 수 있는 DB 툴이다. #2 다양한 DB와 OS 환경을 지원 - 여러 DB(Oracle, MS-SQL, MySQL, PostgreSQL, MariaDB, 몽고 DB 등)의 접속 툴로 사용할 수 있다. - Windows, Mac OS (osX), Linux 의 환경에서 사용이 가능하다. #3 증거 > 많은 사용자의 극찬 - 다음 글에서, 실제 사용한 실사용자들의 극찬도 확인 가능하다. - https://okky.kr/article/631704 이제부터 본격적으로 설치 방법을 알아보자. 1. DBever 다운로드 #1 디비버 싸이트 접속 - https://dbeaver.io/ - 또.. 2022. 8. 5.
Spring Java 수정 시 톰캣 재 실행 안하고 적용하기. 출처 : https://junghn.tistory.com/entry/eclipse-%ED%86%B0%EC%BA%A3-%EC%9E%AC%EC%8B%9C%EC%9E%91-%EC%97%86%EC%9D%B4-java-%ED%8C%8C%EC%9D%BC%EC%9D%84-%EC%88%98%EC%A0%95-%EC%A0%81%EC%9A%A9-%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 오늘은 Spring Loaded를 이용해서 톰캣 재구동 없이 변경된 수정 내역을 반영하는 방법에 대해 정리에 보겠습니다. 스프링 로드란? Spring Loaded는 JVM이 실행되는 동안 클래스 파일이 변경되면 변경된 사항을 다시 로드하기 위한 JVM 에이전트입니다. 나중에 재로드 할 수 있도록 로드 시 클래스를 변.. 2022. 7. 26.
Spring + MyBatis 쿼리 수정 시 재 시작 없이 반영하기 출처 : https://shxrecord.tistory.com/196 Spring + MyBatis 환경에서 개발하다보면 xml 파일을 수정할 때마다 서버를 재실행해주어야하는 불편함을 느끼셨을 겁니다. 아마도 가장 큰 불편함은 특정 페이지를 개발하다가 서버를 재실행하면 세션이 끊겨 다시 그 페이지로 가는 과정(+또는 행동)을 거쳐야하는 게 아닐까 싶습니다. 본 포스팅에서는 xml 파일 수정시 서버의 재실행없이 반영되게 하는 방법을 정리해보았습니다. ※ 테스트 환경 jdk 1.8 Eclipse 2019-06 Spring Framework 4.3 MyBatis 3.4.6 MariaDB 설정을 하기 앞서 Class 파일이 필요하다. 아래 소스를 원하는 패키지 경로에 추가한다. RefreshableSqlSess.. 2022. 7. 26.
꼭알아야할 오라클 힌트절 7가지 출처 : https://dataonair.or.kr/db-tech-reference/d-lounge/expert-column/?pageid=3&mod=document&keyword=%ED%94%8C%EB%9E%9C%EC%9D%84+%EB%B3%B4%EB%8A%94+%EB%B2%95&uid=52344 반드시 알아야 하는 오라클 힌트절 7가지 ◎ 연재기사 ◎ ▷ 물탱크 구조로 알아본 오라클의 블록 옵션 ‘PCTFREE와 PCTUSED’ ▷ 이산가족 찾기 생방송을 통해 배우는 DB 원리 ▷ 개발자에게 맞는 DB 공부방법 찾기: 물리적 분류와 논리적 분 dataonair.or.kr CBO 방식에서 옵티마이저는 주어진 환경(통계정보, SQL문) 하에서 최적의 실행계획(PLAN)을 제공한다. 그런데 잘못된 SQL문.. 2022. 7. 22.
DB 플랜 보는방법 및 기본적인 튜닝 방법 원본사이트 : https://dataonair.or.kr/db-tech-reference/d-lounge/expert-column/?pageid=3&mod=document&keyword=%ED%94%8C%EB%9E%9C%EC%9D%84+%EB%B3%B4%EB%8A%94+%EB%B2%95&uid=52341 오라클 플랜을 보는 법 ◎ 연재기사 ◎ ▷ 물탱크 구조로 알아본 오라클의 블록 옵션 ‘PCTFREE와 PCTUSED’ ▷ 이산가족 찾기 생방송을 통해 배우는 DB 원리 ▷ 개발자에게 맞는 DB 공부방법 찾기: 물리적 분류와 논리적 분 dataonair.or.kr 오라클 플랜 보는 법 플랜에 대한 내용은 기본적인 내용이라 일반적인 DB 도서에서는 자세한 내용을 설명하지 않는다. 하지만 필자가 경험하기로는 .. 2022. 7. 22.
오라클 조인 방식 종류와 이해. 원본사이트:https://dataonair.or.kr/db-tech-reference/d-lounge/expert-column/?pageid=3&mod=document&keyword=%ED%94%8C%EB%9E%9C%EC%9D%84+%EB%B3%B4%EB%8A%94+%EB%B2%95&uid=52359 조인이란 무엇인가 흔히 조인이라 하면 Inner Join 혹은 Outer Join을 생각하는 경우가 많다. 이번 연재 내용은 그러한 조인이 아니라 테이블 간에 어떤 방식으로 접근하는가에 대한 조인이다. 다시 말해서 오라클에서 조인 방식이란, 테이블 간의 데이터 접근 방법을 의미한다. 관계형 데이터베이스에서 쿼리는 Join 없이 단독으로 사용하는 경우가 거의 없다. 대부분의 쿼리는 여러 테이블 간에 관계를 맺.. 2022. 7. 22.
반응형

티스토리툴바