개발
-
Vanilla TypeScript + Vite + Web Front개발/JavaScript 2024. 9. 17. 09:52
https://github.com/Hyeonnam-J/assets.git GitHub - Hyeonnam-J/assetsContribute to Hyeonnam-J/assets development by creating an account on GitHub.github.com 1. 현재 폴더에 vite project 생성. npm create vite@latest .차례로 Vanilla, TypeScript 선택. 2. 서버 실행. npx vite 3. 빌드. 의존성 설치: npm install빌드: npm run build
-
Vanilla TypeScript + Electron개발/JavaScript 2024. 9. 16. 15:24
1. 일렉트론 문서를 보고 초기설정. npm init -ynpm i -D electron package.json에서 main 변경, scripts의 start 추가. index.html / main.js / preload.js 파일 추가. 일렉트론 공식 문서의 코드를 그대로 붙여 넣었다. 완료하고 나서 npm start를 입력하면 일렉트론 앱 실행. 2. 타입스크립트 세팅. npm i -D copyfiles npm i -D typescriptnpx tsc --init src 디렉터리를 만들고 main.js와 preload.js를 그 안에 넣어준 뒤 확장자를 ts로 바꿔준다.그 외 index.html도 src 아래로 옮기고, assets, ts 디렉터리를 만든 후 연결한 css와 ts 파일 ..
-
리눅스 명령어개발/Etc 2024. 9. 10. 22:25
이동.cd [이동할 경로]ex) cd ../example.. -> 현재 경로에서 상위 디렉토리로 이동. 읽기.cat [대상 파일]ex) cat example.txt 현재 경로.pwdex) pwd 목록.ls [경로 - 없으면 현재 경로]-a: 숨김 파일 포함.-l: 자세히.ex) ls -al*.확장자 -> 특정 확장자만 표시. 삭제.rm [파일명]-r: 디렉토리.-f: 삭제 시 컨펌하지 않음.ex) rm -f example.txtex) rm -rf example 복사.cp [대상 파일명] [복사 파일명]-r: 디렉토리.ex) cp target_file.txt copy_file.txtex) cp -r target_directory copy_directory 이동.mv [대상 파일명] [대상 파일명] [대상 ..
-
Linux CANable을 이용한 CAN 통신 설정개발/Etc 2024. 8. 29. 22:12
1. 캔 패키지 설치. sudo apt-get update sudo apt-get install can-utils 2. 연결한 usb port 확인.ls /dev/ttyACM*ex) ttyACM0 3. serial, idvendor, idproduct 확인.udevadm info -a /dev/ex) udevadm info -a /dev/ttyACM0 또는 lsusb 명령어를 이용해서idvendor와 idproduct를 확인한 후, serial 확인.lsusbsudo lsusb -d : - v | grep -i serialex) sudo lsusb -d 16d0:117e - v | grep -i serial 4. rules 파일 생성-파일명 상관없음- 후 아래 내용 입력.KERNEL=="ttyAC..
-
VSCode에서 TypeScript 디버그 환경 세팅개발/JavaScript 2024. 7. 14. 12:27
node npm 설치. npm init -ynpm install --save-dev typescriptnpx tsc --init 위와 같이 설정한 후 vscode에서 F5를 누르면, https://github.com/Hyeonnam-J/assets.git GitHub - Hyeonnam-J/assetsContribute to Hyeonnam-J/assets development by creating an account on GitHub.github.com
-
TypeScript를 이용해서 스도쿠 게임을 만들어보자 !개발/JavaScript 2024. 7. 13. 16:43
스도쿠 게임을 만들어보자 ! 그냥 재미삼아 만들었습니다. 사람이 머리를 써서 만드는 게 아닌 컴퓨터 연산의 힘을 빌려 랜덤하게 모든 빈칸에 수를 넣어 문제를 만드는 탓에 빈칸이 많은 문제는 생성하지 못합니다. 빈칸과 난이도가 반드시 일치하는 것은 아니지만 어쨌든 저는 빈칸이 그리 많지 않은 문제를 랜덤하게 생성하는 데 쓰고, 빈칸이 적은 문제는 직접 하드코딩해서 메모리에 로드해둔 방식으로 완성했습니다. 여기서는 스도쿠 문제를 생성하는 데까지 진행하고, 이후 스도쿠 테이블을 눌렀을 때 어떻게 반응하는지와 같은 게임적인 요소는 생략하겠습니다. 빈칸이 하나 늘어날 때마다 많은 검증을 해야 하기 때문에 유저가 게임을 시작할 때 큰 기다림 없이 1, 2초 내에 실행되기 위해서는 숫자칸이 22개 정도가 한계인 것 ..
-
우분투 키 매핑 - caps lock을 마우스 왼쪽 버튼으로 사용하기개발/Etc 2024. 6. 26. 23:26
1. 키 매핑 파일 생성 및 입력.vim .Xmodmap keycode 91 = Caps_Lockkeycode 66 = Pointer_Button1 keycode 66 즉 Caps_Lock을 마우스 왼쪽 버튼으로 설정.Caps_Lock은 보통 Shift를 이용하지만 그래도 안 쓰는 적당한 키로 매핑. 2. xkbset 설치.sudo apt-get install -y xkbset 3. 부팅 시 시작할 스크립트 파일 생성 및 입력.vim capsLock.sh #!/bin/bash export DISPLAY=:0 /usr/bin/xmodmap /home/user/.Xmodmapsleep 5/usr/bin/xkbset mousekeys 평소 소켓으로 스크립트 보낼 때 스크립트가 덮어씌워진 일이 많아서 습관..