본문 바로가기
반응형

IT/JavaScript(TypeScript)58

LGTV nodejs 로 연동 제어하기(feat 라즈베리파이 제로) - 1 집에있는 LG tv 가 사용한지 8년이 지나지 리모콘의 뒤로가기 버튼이 안되기 시작함! 그래서 어쩔수 없이, 스마트폰의 앱에서 lg 리모콘을 이용하기 시작했는데, 너무 많은 광고에 스트레스!! 를 받기 시작 ㅡㅜ 쓰는거라곤, 비티비로 외부입력을 바꾸고 볼륨만 바꾸는건데 할때마다 광고때문에 채널 바꾸는데 3만년씩 걸리는듯 한 느낌 !! 화가 나서 폭풍검색을 하다보니, LGTV와 연동되는 node 관련 라이브러리를 발견했다! https://github.com/hobbyquaker/lgtv2#tvswitchinput GitHub - hobbyquaker/lgtv2: Control LG WebOS TV using node.js Control LG WebOS TV using node.js :tv:. Contrib.. 2023. 1. 21.
ReactJS 배포하기 - 배포주소가 루트가 아닐때 설정방법 리액트 앱을 만들고 배포할때, 배포하는 사이트의 루트가 리액트웹의 접속 주소가 아닐때 설정하는 방법이다. 인터넷으로 열심히 찾아보니, cross-env, env-cmd 모듈을 이용하는 방법이 많이 있는데, 삽질을 열심히 하고 알아낸 방법이다. # 배포하는 사이트에 자신의 앱 주소가 http://www.mysite.com/reactapp 이라고 가정할때, 1. env-cmd 모듈을 설치한다. npm i env-cmd 2. 리액트 웹 메인 라우트에 basename변수를 추가 한다. 심쿵이 애비 미니 블로그 2. 로컬 테스트 용 변수 설정 .env.local 테스트 환경에서는 루트주소( localhost:3000 ) 로 접속하기 때문에 해당변수는 / 로 들어가게 하면된다. package.json 파일이 있는곳.. 2022. 10. 1.
트위터 API 이용하기 Twitter API v2 가 생겨서 햇갈렸지만, 성공했다! 순서를 정리해 보겠다. 1. API 개발자사이트에 가입하고 API 이용 신청한다. https://developer.twitter.com/ Use Cases, Tutorials, & Documentation Publish & analyze Tweets, optimize ads, & create unique customer experiences with the Twitter API, Twitter Ads API, & Twitter Embeds. developer.twitter.com 트위터 계정이 있어야 하고, 몇가지 제한사항이 있다. 그리고, 신청할때 사유를 "영어" 로 적어야 한다 -ㅁ-! 난 번역기를 이용했다. 2. 자신의 앱을 생성하고, 키.. 2022. 6. 6.
npm 모듈위치 설정 ( 오프라인 이용을 위한 설정) nodejs 의 기본 npm , npm-cache 폴더는 사용자 폴더의 점폴더로 숨김폴더로 생성된다. 환경을 구성하고, 포맷을 하더라도 항상 유지하기 위해서는 2개의 폴더를 직접 생성하고 지정해 주면된다. 1. 적당한 폴더에 nodejs 기본 파일 해제 node-v16.15.0-win-x64.zip 파일을 받고 c:/nodejs/bin 에 해제 한다. 2. 관련 폴더 생성 c:/nodejs/npm c:/nodejs/npm-cache 폴더를 생성한다. 3. path 연결 node , npm 을 이용하기 위해 path 등록한다. c:/nodejs/bin c:/nodejs/npm 를 등록하면 된다. 4. 생성된 npm, npm-cache 폴더 컨피그 등록 npm 명령어가 이용할 수 있게 npm config s.. 2022. 5. 30.
typescript 공부를 위한 기초 환경설정 # node -v : 16.14.0 mkdir project_name cd project_name npm init -y npm i -D typescript tsllint @types/node ** npm 옵션 i : install 모듈 설치 npm5 이후에는 package.json 에 같이 추가 -D: --save-dev 와 동일 devDependency 에 추가 product 컴파일시 배포 안함! #tsconfig.json 파일 생성 { "compilerOptions": { "lib": ["ES2015"], "module": "commonjs", "outDir": "dist", "sourceMap": true, "strict":true, "target": "ES2015" }, "include": [ ".. 2022. 5. 30.
reactjs app 생성 npx create-react-app todo-react-app ## 현재기준 18.1.0 설치 npm i @mui/material npm i @mui/icons-material # npm i @material-ui/core, @material-ui/icons 는 react 최신버전에서 안됨; npm start 2022. 5. 27.
css 선택자 정리 document.querySelectorAll 을 위한 css 선택자 패턴 의미 E[attr] 'attr' 속성이 포함된 요소 E[attr="val"] 'attr' 속성의 값이 정확하게 'val' E[attr~="val"] 'val' 이 포함 ( 공백으로 분리된 값이 일치 ) E[attr^="val"] 'val'로 시작 E[attr$="val"] 'val'로 끝남 E[attr*="val"] 'val'이 포함 E[attr|="val"] 정확하게 'val' 이거나 'val' 로 시작요소 정규식 표현과 비슷함! 참고용 태그 셀렉터 document.getElementById //id 는 하나니까 getElement document.getElementsByTagName document.getElementsByCl.. 2022. 4. 25.
javascript 개발을 위한 vscode 플러그인 대상 : vscode 1.63.2 Prettier 플러그인 설치후 파일 > 기본설정 > 설정 Editor: Default Formatter 지정필요! 2022. 1. 22.
[vue]Vetur 플러그인 관련 오류 - Vetur can't find tsconfig.json, jsconfig.json in /xxxx/xxxxxx. root 폴더에 jsconfig.json 파일을 만들어 주면됩니다. { "include": [ "./src/**/*" ] } 관련 vetur 글 https://vuejs.github.io/vetur/guide/FAQ.html#vetur-can-t-find-tsconfig-json-jsconfig-json-in-xxxx-xxxxxx 2021. 7. 9.
반응형

티스토리툴바