센스쟁이 프로그래머, 비트센스

크롬에서 프로필 별로 사용이 가능하도록 지원해 줍니다. 구글 로그인 계정별로 동기화도 가능합니다. 그렇다면 크롬 익스텐션 앱도 프로필별로 사용이 가능할까요? 가능하더군요~! 다만 첫 화면에서 확장프로그램 관리 아이콘이 없어서 순간 당황했습니다. 프로필 별로 확장 프로그램 사용하기 기존 확장프로그램 설치와 동일 합니다. 다만 첫화면에 확장 프로그램 관리 아이콘이 없어서 주소 표시줄에서 직접 입력해서 진입을 해야 합니다. chrome://extensions 확장 프로그램을 설치해 보신 분은 익숙한 "확장 프로그램" 페이지로 진입을 합니다. 확장 프로그램 관리 페이지에서 "개발자 모드"를 선택하면 "압축해제된..."과 함께 총 3개의 버튼이 나옵니다. "압축해제된 확장 프로그램을 로드합니다." 버튼을 클릭하면..

IT기술, AI, 보안 2023. 4. 17. 08:41

ChatGPT가 얼마전에 유료 서비스를 추가했습니다. 저도 고민 끝에 하나를 포기하고 이걸 써보기로 했습니다. 포기한 것은 copilot.. 이게 chatgpt에서 나온 거라고 하니.. 유료로 쓰자고 마음 먹은 이유는, 간혹 chatgpt가 속도가 빠른 때가 있습니다. 보통은 랙이 걸려서인지 멈칫 멈칫 나오는 때가 많은데요, 종종 쫘르르륵~! 나오는 걸 보면 웬지 마음이 편해집니다. 너무 자주 속으로 "넌 왜 말을 하다 말아? 무슨 말을 하려고 멈추니?" 이랬는데~ 유료는 무조건 빠르다네요. 그래서 고민 끝에 결제를 했습니다. 몇번 사용을 하다 보니.. 귀차니즘 발동.. 전에도 자비스 같음 좋겠다.. 싶었는데.. 그래서 chatgpt에게 물어봤습니다. 음성 입력을 할 수 있는 방법 있냐고~ 결과는 없데요..

IT기술, AI, 보안 2023. 2. 14. 11:03

사이트가 복잡해져 가면 component 를 잘게 찢어서 사용하기에 한계가 있다. 이유는 상위 parent component 에서 하위 childe component 를 호출하는 거야 문제가 없겠지만, 하위 child component 내부에서 변경된 변수값을 상위 parent 에 전달하기 복잡하다. 복잡하지만 그래도 사이트를 만들어야 하니 해야지.. 참조페이지 https://svelte.dev/examples/component-bindings 1. dispatcher 사용 참조 페이지 : https://svelte.dev/tutorial/component-events 자주 애용하지만 복잡하다. vuejs 에서 $emit()과 거의 같은 역할을 한다. vuejs 를 하다 보니 아래 $emit과 동일한 걸..

IT기술, AI, 보안 2022. 8. 12. 16:27

https://k6.io/ 설치(mac) brew install k6 기본 테스트 스크립트 샘플 # filename: script.js import http from 'k6/http'; import { sleep } from 'k6'; export default function () { http.get('https://test.k6.io'); sleep(1); } 기본 실행 방법 k6 run script.js VU (Virtual User) 추가 실행 k6 run --vus 10 --duration 30s script.js --vus : 동시접속자를 10명으로 유지 --duration : 30초 동안 vus 수를 유지 호출 옵션 vu, duration을 소스에 추가해서 실행 import http from..

IT기술, AI, 보안 2022. 8. 5. 11:08

SvelteJS 사용 이유? 빠르다니깐, 궁금해서~! 그런데 모르겠다. react, vue, svelte 모두 빌드한 js 소스를 서버에 올리고 다운로드 받아서 사용하는 진짜 프론트엔드 사이드 스크립트다. 중간의 내용이야 어찌저찌 해서 팩키징 결과물이 조금씩 틀려지기는 하겠지만, 그렇다고 속도 측면은 잘 모르겠다. react는 안써보고, vue랑 별반 차이가... 그냥 빠르다니깐.. 그런가? 하는데.. 알아서들 참조하시고~ 아직 vite, rollup 차이를 구분 못하고, 실무에 sveltejs를 적용해 보면서, 맨땅에 헤딩하는 심정으로 진행하면서 실무에 필요한 내용 중에 빠져 있거나, 샘플에서 커스터마이징이 필요한 내용들을 정리해서 올려 보겠다. typescript를 사용하는 이유? 정형화된 틀에 맞춰..

IT기술, AI, 보안 2022. 8. 4. 10:14

맥 원격접속은 파인더(Finder)에서 [Command+K] 로 쉽게 VNC를 실행할 수 있습니다. 이때 사용되는 디폴트 포트는 5900 입니다. 개인적으로 회사컴에 원격접속을 하기 위해서 열린 포트는 윈도우용 원격데스크톱의 포트인 3389 입니다. 그렇다 보니 윈도 접근은 쉬운데, 회사 맥에 원격접속을 하려면 절차가 까다롭습니다. 그래서 맥 VNC서버 포트 자체를 5900에서 3389로 바꾸려고 합니다. 맥 VNC 원격접속 포트를 5900에서 윈도우 원격데스크탑 포트인 3389로 변경하기 $ sudo vi /etc/services # 5900 포트 검색 후 3389로 변경 /5900 # 기존 3389는 주석 처리 # ms-wbt-server 3389/udp # MS WBT Server # ms-wbt-..

IT기술, AI, 보안 2022. 2. 23. 14:47

갑자기 크롬 확장 앱이 만들어 보고 싶어졌습니다. 몇년 전에 관심을 가지고 잠깐 보기는 했지만, 멀 만들지??? 하는 생각에 잠깐 보고, 이렇게 만드는 구나~~ 하고 말았는데, 유투브 동영상에 나오는 광고가 귀찮아서 없애볼까 하는 생각에 다시 크롭앱을 보기 시작했네요.. 크롬 관련된 개발할 수 있는 종류가 몇가지 됩니다. https://developer.chrome.com/docs/ Documentation - Chrome Developers Build the next generation of web experiences. developer.chrome.com 이중에서 페이지가 로딩되면 곧바로 실행되어야 하니, Extensions 항목을 먼저 공부해 봅니다. https://developer.chrome...

IT기술, AI, 보안 2022. 2. 21. 19:46

.gitignore ? github, gitlab 등으로 소스 관리 및 배포가 대세입니다. 하지만 개발하는 OS, 플랫폼, IDE 등 사용환경에 따라 각자 관리하는, 배포에 상관없는 파일이나 디렉토리가 생깁니다. 이 파일들을 제외하기 위해서 .gitignore 파일이 사용됩니다. 파일 생성 git init 사용 방법 // flutter 프로젝트 기준으로 정리합니다. // 지정된 파일 제외 .metadata // 특정 패턴 파일들 제외 *.lock // lock 확장자 파일 제외 .* // . 으로 시작하는 파일 제외 // 특정 디렉토리만 삭제. 맨앞에 / 붙여야 합니다. /android/ // 디렉토리 이하 특정 파일 제외 /android/*.lock // android/ 이하 lock 확장자 파일 들 제외

IT기술, AI, 보안 2021. 3. 19. 16:32