본문 바로가기

공부/etc6

[Electron] Electron에서 코드 변경사항 빠르게 적용하기 (feat. electron-reload) Electron을 사용하며 불편했던 것 중 하나는, 웹 개발을 하던 때와 달리 자동으로 변경사항이 적용되지 않는다는 것이었다. 때문에 코드를 고치고, 이미 열려있는 Electron 창을 닫고, 커맨드 창에서 다시 Electron을 실행하는 불편함이 있었다.이를 개선하기 위한 방법을 알아보고, 실제 적용해본 내용을 공유한다.electron-reload 적용하기  Electron에 자동 리로드를 추가할 때 자주 거론되는 방법. 공식 문서에서 설명하는 사용방법도 비교적 간단하다. 간단하다면 간단한데, 나는 프로젝트에서 타입스크립트를 사용하고 있어서 이런 저런 추가 설정을 더했고, 만족스럽지 못한 부분이 있다. // 설치npm install electron-reload   npm 등으로 라이브러리를 설치하면 e.. 2024. 6. 30.
[Electron] input이 focus되지 않는 이슈 해결하기 (+ IPC 통신을 곁들여서) 최근에 잠깐 Electron을 써볼 기회가 있었는데, 그 때 접한 이슈 해결방법에 대해 기록한다.  최근 Electron을 사용해 개발을 하던 중 이상한 이슈에 부딪혔다. 그것은 돌연히 input 태그가 먹통이 되면서 아무런 입력이 되지 않는 문제였다. 이 현상은 Electron에서 크롬 개발자 모드를 열거나 잠시 Electron 프로그램 창을 최소화 후 여는 것으로 해결이 되었지만, 매번 이와 같은 문제가 일어났을 때 개발자 모드를 열 수도 없는 노릇이었기에... 원인을 찾아 나섰다. 원인 - window.alert()의 호출  알고 보니 이 이슈는 꽤 오래된 이슈였다.(관련 GitHub 이슈) the input-box lose focus after call window.alert('...') · Is.. 2024. 5. 6.
[피그마] 피그마 기능들 정리하기 지난 블로그 글에서, 피그마에서 개인적으로 유용하게 쓰는 기능들을 정리해보겠다고 언급했었다. 피그마를 많이 다뤄보진 않았지만, 다른 사람의 참고가 되었음 하는 마음에 몇 가지를 정리해본다. 컴포넌트(Component) 기능 다양한 곳에서 여러 번 사용되는 컴포넌트를 만들 때 사용된다. 하나의 컴포넌트로 묶으려는 요소들을 모두 선택한 후, 마우스 오른쪽 클릭하여 나오는 메뉴를 통해 컴포넌트를 만드는 것이 가능하다(혹은 맥 기준 Option + Command + K). '중복되는 요소는 그냥 복사 + 붙여넣기로 사용하면 되지 않나?' 라고 생각할 수 있지만, 그럴 경우 컴포넌트의 디자인을 수정해야 할 때 골치아플 수 있다. 복붙한 모든 컴포넌트의 디자인을 수정하던가, 하나를 수정하고 다른 자리의 컴포넌트들 .. 2024. 1. 28.
GraphQL 공부 - 2 https://www.howtographql.com/basics/0-introduction/ Learn GraphQL Fundamentals with Fullstack Tutorial Learn all about GraphQL and why it is an API technology that's superior to REST. It is not only for React & Javascript developers but can be used for any API. www.howtographql.com 위 튜토리얼 사이트의 내용을 조금 번역&정리한 걸 업로드. Defining a Schema : 스키마는 GraphQL API를 작업하는 데 있어서 가장 중요한 개념 중 하나. → API의 능력을 특정하고 클.. 2021. 8. 23.
GraphQL 공부 - 1 https://www.howtographql.com/basics/0-introduction/ Learn GraphQL Fundamentals with Fullstack Tutorial Learn all about GraphQL and why it is an API technology that's superior to REST. It is not only for React & Javascript developers but can be used for any API. www.howtographql.com GraphQL 공식 튜토리얼 사이트를 정리하고 공부한 내용을 작성. GraphQL : Facebook이 개발한 오픈소스 API → 하나의 엔드포인트를 제공 → 클라이언트가 요청한만큼의 데이터를 정확하게 제공.. 2021. 8. 21.
Visual Studio VS30063 에러 글 올리고 자려다가 약 이틀 전, 아닌 밤중에 나를 빡치게 만든 의문의 갑툭튀 에러에 대해 급하게 메모하고 잠들기로... Unity의 에디터로 Visual Studio 2015를 쓰는데, 오류 발생 하루 전까지만 해도 멀쩡히 잘만 돌아가던 비주얼 스튜디오가 에러를 내뱉기 시작했다. 스샷 조차 남아있지 않지만 분노가 담긴 구글링으로 인해 검색 기록에 자동완성으로 뜨게 되어 적을 수 있게 되었다... VS30063: You are not authorized to access VS30063: You are not authorized to access I just moved my tfs 2013 to a new server and also upgraded to tfs 2015 update 1. On my CIs.. 2021. 4. 9.