JiWoo.
내가 만들어가는 이야기
JiWoo.
전체 방문자
오늘
어제
  • 분류 전체보기 (81)
    • 개발 일지 (33)
      • 트러블 슈팅 (4)
      • 소개 포트폴리오 (9)
      • 데일리 커밋 봇 (3)
      • 쁘걸 팬사이트 (3)
      • 회사 홈페이지 (6)
      • 게임 룰렛 ( 돌림판 ) (2)
      • 도트 팔레트 추출 (3)
    • 생각하는 시간 (37)
      • 브라우저 (1)
      • 자바스크립트 (11)
      • 타입스크립트 (7)
      • 리액트 (8)
      • 알고리즘 (2)
      • 깃 (5)
      • 노드 (2)
      • 인프라 (0)
      • 유니티 (0)
    • 취미 (5)
      • 커스텀 키보드 (5)
    • 기록 (6)
      • 회고 (1)
      • 쉬어가요 (5)

블로그 메뉴

  • 깃허브
  • 노션

포트폴리오

  • BraveGirls Fan Site
  • Minecraft SkinClouds
  • Jiwoo.So _

공지사항

최근 글

hELLO · Designed By 정상우.
JiWoo.

내가 만들어가는 이야기

개발 일지

키보드 관련 프로젝트를 준비해 보자

2024. 9. 4. 13:35

나는 이번 년도 이후로 키보드에 관심이 무척이나 많아졌다.

 

이전에는 기성품 ( 완성품 ) 위주로 네임밸류가 있는 키보드 브랜드를 접해 왔는데, 같이 회사에서 일하는 동료의

키보드 취미가 궁금해지기 시작했었는데, 그때부터 처음 커스텀 키보드를 접하고 그 매력에서 빠져나오지 못하고 있다.

 

커스텀 키보드를 조립하다 보면, 키보드 입력을 담당하는 PCB 기판을 손보게 되는데,

이 과정에서 PCB 입력이 잘 되는 지, 테스트를 하는 경우가 있다. ( 거의 필수지만 .. 필자는 귀찮아서 안할 때가 있어서 .. )

 

보통 VIA 를 사용하거나, QKConfig 소프트웨어를 사용하여 테스트를 하는데,

테스트를 하는 과정에 조금 더 실용 적인 것을 추가해 보고 싶어졌다.

목표

아직까지는 구성 단계이다.

오랜 전, 친구의 키보드 테스트 프로그램을 만들어 주기도 하였지만, 이번엔 다양한 기능을 가진 프로그램을 만들어 보고 싶어졌다.

 

키보드를 좋아하는 사람이라면 어떤 걸 필요로 할까?

 

가장 먼저 생각난 건 다양한 키캡으로 커스텀하여 시각적으로 재미를 부여하고,

테스트 용도 겸, 여러가지 재미 요소를 가진 애플리케이션으로서 사용이 가능했으면 좋겠다는 생각이 문득 들었다.

 

키캡은 종류가 다양하다.

그 중에는 GMK 키캡이 상당한 인기를 가지고 있다.

 

나는 키캡 커스텀이 가능하도록 키캡을 모듈화하여 키 입력 애니메이션과 키캡 테마를 바꿀 수 있는 기능을 만들고 싶다.

 

간단하게 목표를 세워보자.

1. 키캡의 테마를 적용할 수 있는 기능과 그 기능을 수행할 수 있는 모듈을 개발

2. 각 키캡이 맡은 키의 입력을 이벤트로 받아 입력이 되었음을 확인해 주는 이벤트 처리

3. 키보드 배열 레이아웃 변경 ( 40, 60, 65, 75, 80, 100 의 배열로 굉장히 다양함 )

개발에 필요한 것은 뭐가 있을까?

먼저 이 소프트웨어는 데스크톱, 맥OS 에서 애플리케이션으로 실행이 가능하도록 할 거다.

 

브라우저로 하려면 서버 설정과 같은 추가적인 작업들이 필요하기 때문에 애플리케이션으로 개발하여,

많은 사람들이 다운로드만 받아도 가지고 다니거나, 실행해서 바로 사용할 수 있도록 할 것이다.

 

나는 저수준 시스템 언어를 잘 다루지 못한다.

자바스크립트로 개발을 시작했고, 자바스크립트에 대한 공부를 중점적으로 해 왔기 때문에 자신 있는 언어로 할 예정이다.

 

그러면 간단하게 Node.js 환경을 구성하고 Vite + React, TypeScript 프로젝트를 구성하고,

여기에 Electron 엔트리 포인트를 추가하여 Electron 으로 실행, 빌드가 가능하도록 하면 될 거 같다.

GitHub

깃 허브는 이전에 keyboard-checker 라는 이름으로 빌드 및 배포를 진행하고 있던 프로젝트를 다시 처음부터 구성하여 진행한다. 

 

GitHub - jiwooproity/typing-manager: This is typing test manager program

This is typing test manager program. Contribute to jiwooproity/typing-manager development by creating an account on GitHub.

github.com

이름은 typing-manager 로 변경하였고, 간단하게 블로그에 내용을 정리하고자 작성하였다.

급하지 않고, 천천히 하나씩 구현해 나갈 예정이다.

'개발 일지' 카테고리의 다른 글

shadcn/ui 간편하고 쉬운 CLI 모듈 NPM 배포하기  (2) 2024.08.04
포트폴리오에 티는 안나지만 재밌는 기능을 넣어보았다  (1) 2024.03.26

    티스토리툴바