시나브로

일렉트론을 실행시켜보면, 상단에 menu bar 가 있습니다. 이거는 개발할 때, 필요에 따라 삭제할 필요가 있습니다. 삭제를 원할 경우, BrowserWindow를 생성 이후, setMenu(null)을 이용하면 제거가 가능합니다. 아래는 예시입니다. const win=new BrowserWindow({ width: 950, heigth: 950 }); win.setMenu(null); 단, 여기서 주의점은 electron의 기본 단축키를 사용할 수 없습니다. 다른 말로하면 electron의 단축키를 사용하고 싶지 않다면 이를 사용하면 됩니다. 아래는 일부 단축키만 이용하고 싶을 때, 보시면 좋을 것 같습니다. hyemsinabro.tistory.com/174 [ electron 구현 ] 내 맘대로 m..

electron에는 기본적으로 제공되는 menu bar가 있습니다. 저는 electron 단축키에 새로운 단축키를 추가하고 싶어 menu를 없애습니다. 그렇게 하니 자연스럽게 electron의 단축키도 동작하지 않았습니다. 하지만, 일렉트론의 zoomIn과 zoomOut, reload 기능이 필요해졌습니다. 그래서 menu bar의 일부기능만 사용하는 menu bar를 만들고자 하였습니다. 구현 목표 내가 필요한 menu/단축키를 제외한 electron menu/단축키를 삭제하여 나의 단축키를 실행시키다. 시도 1 menu bar를 삭제한 상태에서 zoomIn, zoomOut 단축키를 페이지 어디서든 인식할 수 있게 구현하고자 하였습니다. 첫번째, 페이지 어디서든 단축키를 인식할 수 있게 globalSh..

구현 목표 리스트 중 마우스를 올리면 올린 리스트 객체에 버튼이 생기고 마우스를 내리면 버튼이 없어지는 것 고려점 마우스를 올린 객체를 구별해야된다. 그 구별된 객체에 버튼을 생성해야된다 시도 1 map 자료구조를 이용해서 @mouseover을 이용해서 파일명의 값을 변경하고자 했습니다. => 문제점 : 자바스크립트 map 자료구조에서는 값 변경이 불가능합니다. (c에서는 당연히 되는거였는데 안된다는 걸 생각하지도 못했습니다. 아무리 검색해봐도 변경이 가능하지 않았습니다. 새로운 객체에 복사할 때, 수정하는 것 빼고는... ) 시도 2 map 자료구조 대신 json을 사용하고 함수로 빼서 구현하였습니다. 성공적으로 기능 구현되었습니다

구현 계획 파일 목록 리스트에 마우스를 올리면 삭제버튼이 생기고 마우스를 내리면 삭제버튼이 없어지는 것 밑의 mp4는 원하는 기능을 구현한 영상입니다. 문제 사항 mouseAction 함수는 item 값에 true/false 값으로 변경하는 기능을 합니다. mouseover을 인식해 값을 변경하지만, 버튼은 보여지지 않았습니다. 목록 리스트를 클릭할 경우, true값을 인식하지만 즉각적인 반영은 되지 않았습니다. {{ item.name }} mdi-trash-can-outline 1. console.log 로 변경된 시점의 deleteBtn의 값을 정확히 변경된다는 것을 확인했습니다. 2. console.log 값과 개발자 도구 vue 창을 동시에 켜서 값 변화를 비교했습니다. 중요과정. console...