# electron
너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 6
😎 Data Dragon을 활용한 유저 정보창 꾸미기   🥨 커스텀 알고리즘 설정 페이지   플레이어의 위험지수를 나타내는 알고리즘을 사용자가 커스텀 할 수 있도록 설계 중이다. 여러가지 항목을 백분율로 분배할 수 있도록 하고 있는데, objec
너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 5
💫 styled-components에서 테마 팔레트, 폰트 공급  일단 전역적인 테마 팔레트와 폰트를 DefaultTheme으로 공급했다. 디자인에는 영 재능이 없는 듯 하다. 별거 아니지만 typeScript 관련해서 재밌는 오류가 있어서 작성한다. &n
너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 4
IPC통신이 매끄럽게 해결된 이후로 폭주해서 본격적으로 API를 이용하기 위한 hook과 모듈들을 짜기 시작했다. 꽤 시간 잡아먹은 오류 중에 기억에 남는 건This expression is not callable. Not all constituents of typ
Electron 회고
예전에 Electron으로 개발하면서 참고했던 문서들을 정리https://tinydew4.github.io/electron-ko/docs/http://electron.ebookchain.org/ko-KR/설명생략https://github.co
너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 3
📚 Electron IPC > 갑자기 생각난건데 드디어  를 외웠다. 나는 문단 처음이 띄워지지 않으면 굉장히 화가나던데 아무도 그런데서 불편함은 없나보다. 자동으로 첫 스페이스에 넣어줄 순 없는걸까.....  아무튼 이전에 나는 다른 프로세스들과
너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 2
📚 Layout 우선 레이아웃 처리부터 했다. 다음과 같은 코드로 롤 클라이언트에 프로그램을 붙이고, >overlayWindow.attachTo(mainWindow, 'League of Legends') html과 body 100%를 줘보니 롤 클라이언트는 128
너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 1
난 초보 주제에 100라인 당 롤 세판을 주기적으로 해줘야 에너지가 공급되는 쓰레기 개발자다. 그정도로 롤에 진심이기에 라이엇 API를 사용한 프로그램 짜기는 내 오랜 염원이었달까... 일례로 OPGG 데스크톱 앱이 출시되기 전 클로즈 베타테스터 모집때도 '일렉트론
[Electron] Electron-Builder (Error output: Bad text encoding: <stdin>:1 Error in script "<stdin>" on line 1 -- aborting creation process ) 오류
Error output: Bad text encoding: :1 Error in script "" on line 1 -- aborting creation process 다음과 같은 에러 발생. 서칭 결과 빌드에서 사용한 코드의 텍스트 인코딩에서 문제가 발생하면 저런 에
[B-singroom]프로젝트 빌딩 5(完) - Room, (음성)채팅 추가, 유튜브 영상 예약
input device를 변경하는 컴포넌트 작성클래스 인스턴스 내에서 음성채팅 로직 구현하기멤버 리스트 띄우고 오디오 설정하기(map함수 + useState, useRef two track custom hook)문자 채팅하기 (채팅창
#0. Electron으로 개인프로젝트 만들기
작년 여름. 주니어 프론트엔드로 취뽀에 성공하면서 Electron을 처음 접했다.회사에서 주로 하는 일은 키오스크에 들어가는 소프트웨어를 제작하는 것.처음 일렉트론을 통해 개발을 할 때는 새로운 것을 배운다는 생각에 설렘반 긴장반이었따.그치만 웬걸? 평소 웹사이트 만들
Electron Process Model
Electron은 Chromium에서 다중 프로세스 아키텍처를 상속받았습니다. 이는 프레임워크를 아키텍처적으로 현대 웹 브라우저와 매우 유사하게 만듭니다. 이 가이드에서는 최소한의 빠른 시작 앱에서 적용한 Electron의 개념적 지식을 설명합니다.Why not a s
[B-singroom]프로젝트 빌딩 4 - Lobby, User 작성
🚀 Lobby 컴포넌트 작성 > ### 적용한 것들 context api를 통한 전역 상태관리 setState의 비동기성으로 인해 유저 생성 후 소켓 프로그래밍 오류 해결 이후에 채팅방에서도 사용할 수 있는 User class를 고려해 상속 사용해보기
electron 에서 cookie 사용
서버에서 클라이언트에 토큰을 전달해주고 그 토큰을 쿠키에 저장하기 위해 필요했다구글링은 통해 3가지의 방법을 찾았다단, main.js에서 쿠키 저장이 가능했다main.js와 renderer.js의 통신으로 데이터를 넘겨 주었고, main.js 에서 쿠키를 저장 완료!쿠
Tauri
Tauri (https://tauri.studio/)를 이용하면 Web Frontend - Rust Backend의 앱을 개발할 수 있다. electron과 달리 chrome을 내장하지 않고 시스템 브라우저를 이용함으로써 앱이 디스크와 메모리 용량을 적게 차지
[B-singroom]프로젝트 빌딩 3 - Intro 컴포넌트 작성
다음과 같은 요소들이 사용되었고 이전에 비해서 개선되었다.main.js에서 창 크기를 고정벨로퍼트님의 리액트 강의 중 '여러개의 input 상태 관리하기'를 응용해 select태그와 input 각각 아이콘, 닉네임을 useState하나로 관리react-router-
[B-singroom]프로젝트 빌딩 2 - 프로젝트 시작하기
🛫 프로젝트 시작 하기 일렉트론 프로젝트를 시작하는 방법에는 여러가지가 있는데, 가장 간편한 방법으로는 Boilerplate를 클론하는 방법이 있다. 그러나 본 프로젝트에서는 사용하지 않았는데 왜냐하면 Electron with React를 표방하는 Boi
[B-singroom]프로젝트 빌딩 1 - 프로젝트 개요(Electron과 1:N WebRTC)
지금부터 음성채팅 및 문자채팅이 가능한 데스크톱 앱의 메이킹 히스토리를 설명하려 한다. 보다보면 알겠지만, 정확히는 노래방앱은 아니고, 라디오 채팅방 정도로 생각해주면 좋을 것 같다. 디자인에 대해서는 따로 언급하지 않고 기능 구현에 집중한다.
[B-singroom]프로젝트 회고
그 유명한 동영상 시리즈의 패러디가 맞다 B대면 노래방 🎤🎤🎤🎤🎤 소프트웨어 공학 수업에서 빠질 수 없는 팀 프로젝트. 우리 팀 '소웨공 전우회'의 프로젝트 주제는 투표를 통해 '노래방 기능을 구현한 음성채팅 데스크톱 앱'으로 결정되었다.
