전체 글65 Electron IPC 통신 사용성 올리기 IPC 통신IPC(Inter-Process Communication)는 프로세스 간 통신을 의미합니다.Electron에서는 메인 프로세스와 렌더러 프로세스 간의 통신에 사용됩니다.Electron의 IPC 통신 특징비동기적 통신 지원양방향 통신 가능보안성 강화를 위한 컨텍스트 격리ipcMain과 ipcRendereripcMain은 메인 프로세스에서, ipcRenderer는 렌더러 프로세스에서 사용되는 모듈입니다.메인 프로세스애플리케이션의 생명주기 관리시스템 리소스 접근 (파일 시스템, 네트워크 등)네이티브 API 사용 (메뉴, 트레이 아이콘 등)새 렌더러 프로세스 생성 및 관리렌더러 프로세스웹 페이지 렌더링 및 사용자 인터페이스 표시DOM 조작 및 웹 API 사용제한된 Node.js API 접근 (cont.. 2024. 11. 15. 글쓰기가 참 어렵네요 정리를 해놓지 않으면 예전에 마주했던 오류나 궁금했던 점 등에 대해서다시한번 상기하더라도 그 때의 방향성이나 접근방법등을 떠올리지 못할 때가 있다. 그래서 글로 정리하려다 보니, 내가 잊어버렸을 때를 가정하고 써야 하고그러면 결국 모르는 사람이 보아도 알수 있도록 써야 하니정리도 하고 맥락도 햇갈리지 않게 써야한다...어렵다에요 ㅠㅠ 2024. 11. 11. Electron + NextUI / focus error Electron과 NextUI 통합 시 발생하는 focus 오류문제 설명Electron과 NextUI를 함께 사용할 때 간헐적으로 NextUI가 작동하지 않음오류의 원인내부적인 Focus 여부 - isFocusWithinNextUI는 내부적으로 포커싱을 isFocusWithin으로 처리하여 시각화 및 처리에 사용한다.키보드를 이용한 포커스에 대한 ‘시각화’나 포커스된 Input의 감춰진 ‘입력 요소’의 등장 등에 내부적인 포커싱 여부값을 판단한다.그래서 원론적인 포커싱을 한다해도 의미가 없다.개발자 콘손을 통해서 NextUI의 Input Component에서 입력부분에 focus함수를 실행하여도 반응이 없을 것이다.Electron의 BrowserWindow는 일반적인 Browser와 다르다Electron.. 2024. 11. 9. Next.JS - page directory VS app directory 서론기존까지 Next.JS를 사용했을 때 (13 Ver 이하) page directory 구조로만 작업했었다.ServerSideProps가 편리했고 폴더 구조 또한 path기반으로 단순했기 때문.이번에 토이 프로젝트를 만들 때 app directory구조로 만들어 볼까 해서두 방식에 어떤 차이가 있는지 큰 틀만 간단하게 정리해봅니다.page directory와 app directory의 차이폴더 구조의 차이역시 가장 크게 두드러지는 차이는 라우팅 되는 경로를 지정하는 방법이지 않을까?page directory에서는 pages의 하위 폴더 구조 및 파일 이름(index일 때에는 해당 폴더)이 경로 그 자체인데 반해,app directory에서는 app 하위 폴더에서 여러 규칙들(라우팅 그룹, 슬롯 등)을 .. 2024. 4. 1. CodeStates | Lunch_club / 2021-05-15 외부일정으로 바쁜게 오랜만이라 익숙치 않았다. 14일(금)날 최종면접을 보고 합격 후 티타임을 가지며 출근날짜와 간단한 개발얘기, 그리고 이런저런 사람사는 얘기를 하다보니 2~3시간이 훌쩍 지나갔다. (참 시간은 빠르다.. ㅠㅠ) 그날 오후엔 동기 수료생분과 티타임을 가지며 이런 저런 담소를 나눈뒤, 간단하게 저녁을 해결하고 전주로 돌아가는 기차에서 꾸벅꾸벅 졸며 돌아왔다. 괜시리 전날 밤 잠도 잘 못자기도 했고, 대표님과 얘기하며 알게모르게 긴장을 했었던 터라 그날 집에 도착해서는 머리가 닿자마자 잠든듯 했다. 일어나자마자 서울에서 지낼 방을 찾아보며 리스트를 만들고, 1시가 다 되어가기에 카페로 향했다. Lunch_club 코드스테이츠 내의 커뮤니티중 하나로 간단하게 식사나 음료를 먹으며 자유롭게 대.. 2021. 5. 16. 프로그래머스 - 오픈채팅방 프로그래머스 - 오픈채팅방 문제 접근 방법 딕셔너리를 활용하여 uid별로 닉네임을 기록한뒤 출입로그를 최종 닉네임으로 나타낸다. 내가 생각한 work flow 닉네임의 변경은 'Enter' 또는 'Change'일 때만 일어나므로 해당 remark가 존재하면 닉네임을 다시 기록한다. Change는 최종출력인 출입로그에 기록되지 않는다. 모든 닉네임 변경과정이 종료된 시점에서 출입로그의 닉네임을 uid에 맞게 작성한다. 완성한 솔루션 JavaScript function solution(record) { // uid를 기준으로 닉네임을 수집한다. // (변경되었다면 최종만) let nicknameList = {}; let greet = { 'Enter': '들.. 2021. 5. 12. 2021.05.04-면접후기 면접질문 이력서가 너무 간단하여 자세한 정보를 부탁한다. 이력서 상에 있는 프로젝트들의 질문. 코드스테이츠에서 배우는 것들(커리큘럼)은 무엇인가? OOP에 관하여 객체지향적 프로그래밍이란 과연 무엇인가. 함수형 프로그래밍에 대해서 아는 대로 설명해달라. 답변 나이, 웹 개발을 공부하기 까지 과정 등을 말씀드림. 각 프로젝트를 진행한 의도를 전달 드리고 (배운 것을 활용하는 것 등등) 어떤 의도로 해당 기능을 도입했는지 등을 설명함. 이력서에 링크로 첨부했다고 답변함. (확인해보니 첨부 안되어있음 ㅠㅠ, 다른 버전의 이력서에 링크되어있음) 상속에 관한 이야기를 중점으로 했었다... 사실 캡슐화라던지 추상화 다형성 등등 객체지향적 프로그래밍은 여러 특성을 가지고 있지만 얼추 어떤느낌이다~ 라는 형태로 기억나.. 2021. 5. 5. 프로그래머스 - 소수찾기 프로그래머스 - 소수찾기 문제 접근 방법 주어진 문자열(숫자로만 구성된)로 생성가능한 모든 종류의 조합(순서를 고려한)을 구한다. 그 조합중 가장 큰 수를 찾는다. 가장 큰 수까지의 소수리스트를 생성한다. 모든 조합을 순회하며 소수인지 확인한다. prime_num_list생성 n까지의 prime_num_list를 생성한다. 단 생성 규칙을 다음과 같이 정한다. 각 index의 위치는 해당하는 정수를 의미한다. 해당 숫자가 소수인지는 Boolean값으로 나타낸다. ex) 숫자 5는 소수인가 -> prime_num_list[5] -> true 모든 조합 생성 주어진 문자열에 대해 1개씩 선택하는 모든 조합부터 문자열의 길이만큼 선택하는 조합까지를 전부 담고있는 리스트를 생성한다.(선택하는 순서를 고려한다.).. 2021. 4. 29. 프로그래머스 - 스킬트리 프로그래머스 - 스킬트리 문제 접근 방법 정규 표현식을 사용해서 주어진 스킬트리와 관련없는 스킬들은 전부 지운다. 남아있는 문자열이 주어진 스킬트리 문자열에서 어느위치에 있는지 확인하다. 주어진 스킬트리가 'ACD'라고 가정하고 이것과 상관없는 모든것을 지운다. 남은 문자열의 상태 및 위치를 파악한다. 이때, 유도되는 결과는 다음과 같다. 빈문자열이 남았다면, 모두 주어진 스킬트리와 관련이 없던 것으로 어떠한 문자열이 왔더라도 정상적인 스킬트리이다. 빈문자열이 아니고, 주어진 스킬트리 문자열에서의 위치가 0번째 라면, 정상적인 스킬트리이다. ex) 'ACD'에서 스킬트리에 의해 배우는 단계는 'A', 'AC', 'ACD'밖에 존재하지.. 2021. 4. 29. 이전 1 2 3 4 ··· 8 다음
