한 동안 인기글에 있었던 progressbar 개선하기 포스팅을 보고 직접 progressbar 구현도 해볼겸 실험해보았다.범용성 있는 스크롤 훅을 목표로 작성했다.코드는 progressbar 컴포넌트 내부에 작성되는 것을 전제로 작성했다.progressbar 컴포넌트

(마지막에 컴포넌트 공유함) MDX 확장자는 마크다운(MD)과 JSX가 결합되어 마크다운 컨텐츠를 리액트 내에서 컴포넌트 형태로 export하거나, JSX컴포넌트를 MDX파일 내에 import 할 수 있도록한다. 정적 컨텐츠를 컴포넌트화 시키는 특성 때문에 SSG를 지

🤔 면접에서 이런걸 내더라 최근 면접에서 자바스크립트 연산과 형변환 문제를 받게되었다. 뭐 애초에 면접이 너무 떨려서 풀지 못함은 물론이요 나중에 답 물어볼 생각도 못했다. 이런 질문이 있었다는 것조차 기억해내지 못하다가 우연히 JS is Weird 사이트를 보

⚙ 자잘한 버그들 &nbsp RIOT API나 LCU에는 자잘한 버그들이 있다. 예를들면 솔랭 데이터를 가져오는데 있어 챔피언의 공식 이름이 다른 경우 (Fiddlesticks -> FiddleSticks), LCU에서 추출한 participant에는 gameName

리팩토링 시작 🤔 Electron이거 어떻게 돌아가는거지? &nbspElectron 공식문서를 보면 근본적인 동작과정을 파악할 수 있다. 기본적으로 electron 설치 후, package.json에 main으로 동작할 스크립트를 지정해주고, electron 스크

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Error output: Bad text encoding: :1 Error in script "" on line 1 -- aborting creation process 다음과 같은 에러 발생. 서칭 결과 빌드에서 사용한 코드의 텍스트 인코딩에서 문제가 발생하면 저런 에