profile
터키어 배운 롤 덕후

너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 7

🔧 구현 가능성을 봤다면....리팩토링.... &nbsp개인 프로젝트를 할 짬이 많지는 않았는데 간만에 조금 짬이 생긴 것 같다. 이 프로젝트 목표는 >- 어딘가 공개할 만한 퀄리티의 코드 인스톨러 까지 꾸며서 배포 Riot API Production Key를 P

6일 전
·
0개의 댓글
·

한번 해두면 잊지않을 ssl 적용기

📋 문제상황 &nbsp 개인 프로젝트는 재껴두고 새로 참여한 팀 프로젝트인 래빗홀이 최종 배포단계에 돌입했다. 현재 도메인 구매 후 AWS Route53과 로드벨런서에 도메인 등록과 https를 위한 세팅을 완료해놓은 상태이다. 도커 이미지를 통해 간편하게(?) 무

2022년 7월 27일
·
0개의 댓글
·
post-thumbnail

Nginx+PM2+Multer의 환장하는 502에러

프로젝트에서 백엔드를 하게 되었다.일단 프로젝트가 완성될 때 까지 배포는 localtunnel로 잠깐 미뤄놨었는데,너무 불편해서 EC2에 배포를 하게 되었다.EC2에서는 도커를 통해 nginx이미지 까지올리려 했으나...잘 되지않아서 nginx는 로컬로 설치했다.Doc

2022년 6월 20일
·
2개의 댓글
·

프로그래머스 과제형 테스트 - 프로그래밍 언어 검색

 ‘프로그래머스 과제형 테스트 연습란’의 프로그래밍 언어 검색 문제이다. 원래 프로그래머스 데브매칭 프로그램에서 출제된 문제이지만, 데브매칭은 후에 연습문제의 형태로 답안과 함께 문제를 공개해준다.문제는 3시간 안에 검색어 자동 완성을 구현하는 문제인데, 답안을 봤다

2022년 6월 6일
·
0개의 댓글
·

function선언과 화살표 함수의 this 바인딩 차이를 가장 간단하게 깨닫는 법

🙃 function식과 화살표함수의 차이...? > 초심자들이 화살표함수를 배우면 가장 먼저 드는 의문이지만, ㅠㅠ 대부분의 선생님과 레퍼런스들은 초심자에게 당장 이 둘의 차이를 가르쳐주지는 않을것이다. (아마도) 학습자나 교수자가 일단 생산성을 늘이고 나중에 구멍

2022년 4월 23일
·
0개의 댓글
·
post-thumbnail

SVG에서 도넛을 그려보자

 최근 프로젝트 하다가 도넛을 그리고 싶어졌다. div블록을 깎아서 만들까 하다가 opgg데스크톱 앱의 이 아름다운 차트를 보자니 div로는 분명 한계가 명확했다. 특히 저 뭉툭한 스트로크..가능할까? 차트 라이브러리를 써볼까 했지만 공부하는 사람 입장에서 뭐든 최대한

2022년 4월 11일
·
0개의 댓글
·

너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 6

😎 Data Dragon을 활용한 유저 정보창 꾸미기 &nbsp 🥨 커스텀 알고리즘 설정 페이지 &nbsp 플레이어의 위험지수를 나타내는 알고리즘을 사용자가 커스텀 할 수 있도록 설계 중이다. 여러가지 항목을 백분율로 분배할 수 있도록 하고 있는데, objec

2022년 4월 10일
·
0개의 댓글
·

[Typescript] Object Index Signature에서 typeguard가 안먹혀...

(그냥 진행중인 프로젝트의 인터페이스인데 그냥써본다.) 상기한 코드의 맨 윗 부분이 그것. 저 코드 한줄로 objectindex 식에서 아래의 property를 찾는게 가능해진다.  value 중 number인 애들만 골라서 더해주겠다는 건데, index signatu

2022년 4월 6일
·
0개의 댓글
·

너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 5

💫 styled-components에서 테마 팔레트, 폰트 공급 &nbsp일단 전역적인 테마 팔레트와 폰트를 DefaultTheme으로 공급했다. 디자인에는 영 재능이 없는 듯 하다. 별거 아니지만 typeScript 관련해서 재밌는 오류가 있어서 작성한다. &n

2022년 3월 26일
·
0개의 댓글
·

[Youtube Recorder] rebuild ㅠㅠ

 레포지토리를 정리하다 예전에 만든 토이 프로그램이 보였다. 유튜브에서 반주영상을 놓고 녹음하면 노래를 동시 녹음해서 간단하게 음원을 만들 수 있는 크롬 익스텐션 앱이었는데, 이번에 시연영상이나 만들어보고자 보니 크롬에서 프로그램이 아예 돌아가질 않는다.

2022년 3월 10일
·
0개의 댓글
·

너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 4

 IPC통신이 매끄럽게 해결된 이후로 폭주해서 본격적으로 API를 이용하기 위한 hook과 모듈들을 짜기 시작했다. 꽤 시간 잡아먹은 오류 중에 기억에 남는 건This expression is not callable. Not all constituents of typ

2022년 3월 7일
·
0개의 댓글
·

너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 3

📚 Electron IPC > 갑자기 생각난건데 드디어 &nbsp를 외웠다. 나는 문단 처음이 띄워지지 않으면 굉장히 화가나던데 아무도 그런데서 불편함은 없나보다. 자동으로 첫 스페이스에 넣어줄 순 없는걸까..... &nbsp아무튼 이전에 나는 다른 프로세스들과

2022년 2월 28일
·
0개의 댓글
·

너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 2

📚 Layout 우선 레이아웃 처리부터 했다. 다음과 같은 코드로 롤 클라이언트에 프로그램을 붙이고, >overlayWindow.attachTo(mainWindow, 'League of Legends') html과 body 100%를 줘보니 롤 클라이언트는 128

2022년 2월 24일
·
0개의 댓글
·

너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 1

 난 초보 주제에 100라인 당 롤 세판을 주기적으로 해줘야 에너지가 공급되는 쓰레기 개발자다. 그정도로 롤에 진심이기에 라이엇 API를 사용한 프로그램 짜기는 내 오랜 염원이었달까... 일례로 OPGG 데스크톱 앱이 출시되기 전 클로즈 베타테스터 모집때도 '일렉트론

2022년 2월 13일
·
0개의 댓글
·

[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 다음과 같은 에러 발생. 서칭 결과 빌드에서 사용한 코드의 텍스트 인코딩에서 문제가 발생하면 저런 에

2022년 2월 9일
·
0개의 댓글
·

ㅇㅣㄱㅓㅇㅗㅐㅇㅏㄴㄷㅗㅐ

 갑자기 윈도우키+h를 눌렀더니 자모가 분리되는 개같은 현상으로 5분을 잡아먹었다. 이 경우 윈도우키+.(마침표)를 눌러 윈도우 이모지를 한번 실행시키니 해결되었다.....

2022년 2월 7일
·
0개의 댓글
·
post-thumbnail

[B-singroom]프로젝트 빌딩 5(完) - Room, (음성)채팅 추가, 유튜브 영상 예약

input device를 변경하는 컴포넌트 작성클래스 인스턴스 내에서 음성채팅 로직 구현하기멤버 리스트 띄우고 오디오 설정하기(map함수 + useState, useRef two track custom hook)문자 채팅하기 (채팅창

2022년 2월 1일
·
0개의 댓글
·
post-thumbnail

[B-singroom]프로젝트 빌딩 4 - Lobby, User 작성

🚀 Lobby 컴포넌트 작성 > ### 적용한 것들 context api를 통한 전역 상태관리 setState의 비동기성으로 인해 유저 생성 후 소켓 프로그래밍 오류 해결 이후에 채팅방에서도 사용할 수 있는 User class를 고려해 상속 사용해보기 &nbsp;

2022년 1월 14일
·
0개의 댓글
·
post-thumbnail

[B-singroom]프로젝트 빌딩 3 - Intro 컴포넌트 작성

  다음과 같은 요소들이 사용되었고 이전에 비해서 개선되었다.main.js에서 창 크기를 고정벨로퍼트님의 리액트 강의 중 '여러개의 input 상태 관리하기'를 응용해 select태그와 input 각각 아이콘, 닉네임을 useState하나로 관리react-router-

2022년 1월 5일
·
0개의 댓글
·
post-thumbnail

[B-singroom]프로젝트 빌딩 2 - 프로젝트 시작하기

🛫 프로젝트 시작 하기 &nbsp;일렉트론 프로젝트를 시작하는 방법에는 여러가지가 있는데, 가장 간편한 방법으로는 Boilerplate를 클론하는 방법이 있다. 그러나 본 프로젝트에서는 사용하지 않았는데 왜냐하면 Electron with React를 표방하는 Boi

2021년 12월 29일
·
0개의 댓글
·