안녕하세요.🐱‍🐉 크롬에서 화면 클릭 시 깜빡임 커서가 생기는 경우가 있는데 이는 캐럿 브라우징 기능이 활성화돼서입니다! 이를 해제하는 방법은 F7 누르면 됩니다! 크로미움 계열 브라우저인 크롬, 웨일, 엣지 모두 동일합니다. 캐럿 브라우징(Caret Browsing) 이란? 웹 페이지에 커서를 표시해 마우스 없이 키보드로 웹 페이지를 이동할 수 있는 기능. 마우스나 터치패드를 사용할 수 없는 환경을 위해 만들어진 기능. 사용하면 Tab 키나 Page up/down, Home/End 등 을 이용해 웹 페이지 이동. 글이 많은 페이지를 읽는 경우 읽은 자리를 표시하고 링크된 글자를 드래그 가능. 1. 크롬 > 설정. chrome://settings/ 2. 고급 > 접근성 3. '텍스트 커서로 페이지 탐색'..

* 운영 및 유지보수 하면서 필요한 툴이라고 생각을 하고, 주로 웹사이트 분석, 모바일 어플리케이션 HTTP, HTTPS 통신 분석을 사용하고 있어서 이 방법에 대해서 설명해보려고 합니다. 1. 피들러 (Fiddler) - 피들러는 크라리언트(PC) 에서 서버로 요청한 내역과 결과의 모든 데이터를 확인할 수 있고, 설치 용량도 적어 자주 사용되는 툴입니다. 요청 처리를 중지하고 요청 또는 응답의 변경을 허용하기 위해 중단점을 설정하여 네트워크 세션을 편집하는데 사용할 수 있습니다. 2-1. 다운로드 - 아래의 URL에 접속하여 설치파일을 다운로드 후 설치를 진행하시면 됩니다. URL = https://www.telerik.com/fiddler 2-2. 실행 - 피들러 실행 후 화면구성을 보면 상단에 메뉴..

안녕하세요.🐱‍🐉 이번 글에서는 Eclipse console에 표시되는 log를 보기 편하게 할 수 있는 플러그인 있어 포스팅해보려고 합니다. 많은 로그들 중에서 내가 필요로 하는 로그를 한눈에 식별할 수 있어 아주 유용해요! - 설치 Help > Eclipse Marketplace 클릭 grep console 검색 > install I accept > Finish - 설정 console에서 (?) 아이콘 클릭하면 해당 메뉴가 나옵니다. Expressions 추가하고 수정, 삭제할 수 있어요. 목록에서 우측에 보이는 아이콘들은 순서대로, Edit을 눌러 나오는 상세화면의 Default 설정이에요. Edit을 눌러 상세화면으로 들어가면 정규식을 바꾸거나 색상을 바꿀 수 있어요. 저는 블랙 테마를 사용하기때..

안녕하세요~ 이번에는 Reverse Engineering 기능을 통한 DB산출물 중 ERD 부분을 설명해드리겠습니다. Reverse Engineering 기능은 ERwin 프로그램에서 DB서버에 연결을 하여 DB테이블과 그에 따른 컬럼, 타입, 코멘트 등등을 가져오는 기능입니다. 위와같이 Tools - Reverse Engineer... 버튼을 클릭! 위와같이 Physical 또는 Logical/Physical 둘중하나를 가져올걸 선택하라고 되있는데 당연히 두개 다겠죠..? Next! 자! 여기서 중요합니다! 왼쪽 부분에서는 가져올 사항들을 체크를 해주시면 되구요 저같은 경우는 그냥 테이블 부분만 선택했습니다.. 그리고 두번째로 Owners! 여기서 DB계정을 입력해 주셔야해요! 만약 입력하지 않으신다면..

안녕하세요! 오늘은 산출물 작업중에 데이터베이서 ERD 작업 시 사용하는 도구 중 하나인 ERwin에 대한 내용입니다. ERwin 에는 Reverse Enginerr라는 기능을 통해서 DB와 연결해서 자동으로 ERD를 생성해주는 기능이 있는데요 이 기능을 사용해서 Physical / Logical ERD를 만드는데 Logical ERD 구성 시 한글이 ??? 등등 이상하게 깨져 보일때 해결 방법을 알려드리려고 합니다! 이글에서 사용하는 DB와 ERwin 버전은 Oracle 11g r2와 ERwin 7.3 버전입니다. 1. DB의 LANGUAGE 설정 및 CHARACTERSET 설정을 확인한다. SELECT * FROM V$NLS_PARAMETERS; 위와 같은 쿼리를 DB에서 실행 시 위와 같이 DB에 ..

안녕하세요.🐱‍🐉 코드를 작성하다 보면 시간에 쫓기거나 우선순위 때문에 미뤄지는 일들이 생기는데, 기억해야지 하고 그냥 주석으로 적어두면 다시 보지 않는 경우가 부지기수인 경우가 많은 거 같아요. 이럴 때 Task tag 기능을 활용해보는 건 어떨까요? 이클립스에서 하단에 Tasks 탭으로 확인할 수 있고 클릭하면 해당 소스코드로 바로 이동도 가능해요. 해당 소스에서는 연필 모양으로 따로 표시돼요. - Task tag 종류 TODO : 좀 더 최적화시키고 리팩터링 시킬 수 있을만한 구석이 있을 때. 미래에 뭔가 의미 있는 작업을 더 해야 할 필요성을 느낄 때. FIXME : 문제가 있는 것이 확실하지만, 그걸 지금 당장 그것을 수정할 필요는 없을 때. XXX : 해당 부분에 대해서는 더 생각해볼 필요성이..

모바일 웹에서 기능을 수정하여 내용이 정상적으로 적용되었는지 확인할 때 사용하게 되는 모바일 웹 디버깅 방법에 대해서 설명 드리겠습니다. 1. Fiddler 다운 - 정말 간단하게 http 패킷 디버거 툴입니다. 자세한 내용 및 다운로드는 아래 URL에서 확인 부탁드립니다. http://www.telerik.com/fiddler Fiddler | Web Debugging Proxy and Troubleshooting Solutions Explore the Fiddler family of web debugging proxy tools and troubleshooting solutions. Easily debug, mock, capture, and modify web and network traffic. w..

- IE에서는 기본적으로 개발자 도구 > 디버거 탭에서 검색하게 되면 전체검색이 되어 디버깅이 되는 반면에 크롬 개발자 도구는 기본적으로 전체 검색 설정이 되어 있지 않습니다. 크롬 개발자 도구 전체 검색 설정 방법 1. 크롬 개발자 도구 창에서 F1 키를 눌러 설정 탭 진입 > Search in anonymous and content scripts 선택 2. Ctrl + Shift + F 로 검색시 아래와 같이 전체 검색 가능하며 중단점을 걸 수 있습니다.

eclipse Logger 자동생성 템플릿 설정 방법 1. References - Java - Editor - Templates 로 진입 2. [New..} 버튼 클릭 --pattern-- ${:import(org.slf4j.Logger,org.slf4j.LoggerFactory)} /** * Slf4j Logger */ private static final Logger logger = LoggerFactory.getLogger(${enclosing_type}.class); 3. log 사용법 - 템플릿 설정 후 에디터에서 log의 일부를 치고 Ctrl + Space를 하면 아래의 사진처럼 표시 - 생성된 코드

eclipse DAO namespace 자동생성 템플릿 설정 방법 1. eclipse > References > Java > Editor > Templates 로 진입 2. [New..] 버튼을 클릭 -- pattern /** * {@link ${enclosing_type}} Name Space */ private static final String NAMESPACE = ${enclosing_type}.class.getName() + "."; 3. DAO에서 namespace 사용법 - 템플릿 설정 후 DAO로 돌아와서 namespace의 일부를 치고 Ctrl + Space를 하면 아래의 사진처럼 표시 - 생성된 코드

좋은 코드란 모름지기 80자를 넘으면 안 된다. 라는 말을 들어본 적 있을까? 왜 이런 말이 나왔는지 궁금한데. 이유야 어찌됐든(아래 나와요😉) 가독성을 위해 이클립스 편집기에서 세로줄을 표시해보자. - 설정 상단메뉴 Window > Preferences 메뉴 선택 General - Editors - Text Editors - Show print margin 체크 Print margin column에 80 ~ 130 정도 넣어주자. - column width 80이 적용된 모습 cf. 80자와 130자의 이유? "좋은 코드란 모름지기 80자를 넘으면 안 된다." 누가 딱히 시킨 것도 아닌데 80자를 넘기지 말아야 한다는 강박관념은 개발자들의 DNA 염기서열 속에 깊숙이 자리 잡아 좀처럼 그들을 놓아주지 ..

0. PMD란? PMD(Programming Mistake Detector)는 애플리케이션 코드 내에서 발견된 문제를 보고하는 정적 소스코드 분석기입니다.🐱‍🐉 일반적으로 시큐어 코딩을 위해 자바 코드를 검사해서 나쁜 코딩을 잡아주고 그에 대한 설명을 지원하며, Eclipse, Jbuider 등에 연동하여 사용해요. 또한 - PMD에는 기본 제공 규칙 세트가 포함되어 있으며 사용자 지정 규칙을 작성할 수 있어요. - PMD는 올바른 형식의 소스 파일만 처리할 수 있기 때문에 컴파일 오류는 보고하지 않아요 PMD는 대표적으로 다음과 같은 소스 코드의 결함을 감지할 수 있습니다! - try / catch / finally / switch 블록이 비어 있을 때 - if / while 문이 비어 있을 때 - 불..

화이트 스페이스에 대한 생각은 각자 다르고 습관 때문일 수도 있다. 허나 별것 아닌 듯 하지만, 코딩 스타일과 코드 컨벤션은 끝없는 논쟁거리다. 정답은 없지만 탭은 아무래도 에디터에 따라 길이가 달라질 가능성이 있으니 이클립스에서 탭을 스페이스로 변경하여 사용하는 걸 알아보자. - 설정 Windows > Preferences 메뉴 선택 General > Editors > Text Editor 선택 tab width를 확인한 후에 Insert spaces for tabs 체크 Apply - 포맷터 설정 Java > Code Style > Formatter 선택 New를 클릭해서 새로운 Formatter(ex. myProfile) 생성 Indentation > Tab Policy를 Space Only로 변경..

최신 버전의 이클립스나 sts를 이용하다 보면 블록 주석 시 자동으로 정렬을 해버리는 경우가 있는데 검색해보니 2018-12, 2019-03 버전에서 블록 주석 코드 형식이 설정돼있다. 해제하자 블록 주석 시 포맷팅 적용하지않음 설정 Window - Preference - Java - Code Style - Formatter - New(새로운 프로필 생성) - Edit - Comments Enable block comment formatting 체크 해제 /* * public static void main(String[] args) { * SpringApplication.run(TestApplication.class, args); } * * try { } catch (Exception e) { // TO..

텍스트 열 편집기로 많이 사용되는 Notepad++(노트패드)의 단축키 및 설정에 대한 내용입니다🐱‍🐉 - 단축키 Alt + Shift + 방향키 : 열 편집 모드 Ctrl + Shift + 방향키 : 해당 열 이동(eclipse의 Alt + 방향키와 같음) Ctrl + L : 한 줄 삭제 Ctrl + D : 한 줄 복사 Ctrl + I : 줄 나누기 Ctrl + J : 줄 합치기 Ctrl + Alt + Enter : 현재 줄 위에 빈 줄 삽입 Ctrl + Alt + Shift + Enter : 현재 줄 아래에 빈 줄 삽입 Ctrl + U : 소문자 변환 Ctrl + Shift + U : 대문자 변환 Ctrl + W : 닫기 Ctrl + Shift + W : 모두 닫기 Ctrl + Shift + T : ..