전체

[chrome] 웹 개발시 도움되는 기능들... ( 개발자 도구 DevTools ) 1. Disable cache - 캐시 남기지 않도록 설정. - ex) JS 변경 후 재대로 적용되지 않을 때 해당 기능을 사용하면. 시크릿 모드 Secret mode처럼 캐시를 남기지 않아 캐시 삭제를 하지 않아도 코드 변경 사항이 제대로 적용된다. 2. Offline Online - 외부망(인터넷)을 끊었을 때, 연결했을 때의 상황을 테스트할 수 있다. 3. Console 창에 hidden 되어 안보일 때 - console에 찍히도록 코딩을 했는데 hidden으로 안보일 경우 - Filter를 확인한다. X를 눌러 필터를 제거한다.

[CSS] 테이블 자동 줄바꿈하는 방법 테이블 자동 줄바꿈 하려면 태그에 "table-layout: fixed" 속성을 추가해서 테이블 크기를 고정시킨 후 줄바꿈을 하려는 태그 , , 등에 "word-wrap: break-word;" 속성을 추가하면 된다. table { table-layout: fixed; } td { word-wrap: break-word; } ※ word-wrap 속성 종류 normal : 일반 줄바꿈 지점에서만 줄을 바꿈 ( default ) break-word : 줄을 바꿀 만한 지점이 없을 경우 임의의 지점에서 줄을 바꿈. [참고] https://www.w3schools.com/cssref/css3_pr_word-wrap.asp

아래와 같이 더블 클릭 후 파란색 선택되는 기능을 막는 방법 span.no_selection { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } [출처] stackoverflow

[electron] 특정 위치에서만 메뉴(context-menu) 보이도록 설정하는 방법 예) 아이디(id)값이 imageDiv 인 곳에서만 마우스 오른쪽 클릭 메뉴가 보이도록 설정하기 const { Menu, MenuItem } = remote; // 메뉴 생성 const menu = new Menu(); menu.append(new MenuItem({ label: 'Download', click() { // 메뉴 선택에 따른 동작(이벤트) 정의 console.log('Download!') } })) // 이벤트 리스너 생성 window.addEventListener('contextmenu', (e) => { e.preventDefault() // 마우스 오른쪽 버튼 클릭한 위치(target)의 아이디..

[JavaScript] html2canvas 사용 할 때, transform 때문에 이미지가 잘린 경우. 해결방법 ※ html2canvas사용방법은 이 글을 참고하세요. 아래와 같이 imageDiv(검은 영역)를 canvas에 그린 후 캡쳐할 경우 빨간색 상자가 transform이 되어 있기 때문에 아래와 같은 이미지가 아닌 오른쪽과 같이 빨간색 상자가 한쪽으로 치우친 형태로 캔버스에 그려진 후 캡쳐된다. 초록색 영역만 canvas에 그려진 것이다. 해결방법은 imageDiv에 설정되어 있는 transform을 제거 한 후 캡쳐하고 다시 transform을 설정해 주면 된다. var imageDiv = document.getElementById("imageDiv"); // 캡쳐 후 원래 위치로 복구 하기..

[VScode] vscode Terminal에서 virtualenv 실행방법 1.ex) env 라는 이름을 같는 virtualenv 생성한다. $ virtualenv env 2.vscode에서 Command Palette ( Ctrl + Shift + P ) 에 Python: Select Interpreter입력하고 생성한 Virtualenv 로 선택한다 하단에 아래와 같이 virtualenv로 변경된다. 3.settings.json 파일에python.pythonPath를 Virtualenv 폴더 내 python.exe로 설정한다.*settings.json파일은 `File > Preferences > Settings`의 Workspace Settings에서 열수 있다. 4.Terminal 열면 Virtu..