본문 바로가기
반응형

IT/javascript

 (39)
[NodeJS] 윈도우에서 Scoop 를 이용한 nodejs 설치 1. 일반 파워쉘을 실행 2. 다음 명령어를 차례대로 실행(Scoop 설치) $env:SCOOP='C:\Scoop' [Environment]::SetEnvironmentVariable('Scoop',$env:SCOOP, 'User') Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -scope CurrentUser # 질문창이 나오면 A 모두 Yes 선택.. 난 안나옴 iwr -useb get.scoop.sh | iex # scoop 설치! 3. scoop 를 이용한 git aria2 설치 scoop install git aria2 4. scoop를 이용한 nodejs 설치 scoop install nodejs-lts # 현재버전 : 18.16.0 5. scoop..
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..
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 파일이 있는곳..
트위터 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. 자신의 앱을 생성하고, 키..
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..
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": [ "..
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
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..
반응형

티스토리툴바