스터디164

• NPM install product, dev npm install 명령어를 이용해서 dependency를 설치할때 개발용 프로덕트용을 선택할 수 있습니다. 방법 1 : 커맨드 옵션 사용 1) npm install : dependency, dev-dependency 를 모두 설치 2) npm install --production : dependency만 설치 3) npm install --dev : dev-dependency만 설치 방법2 : 환경변수 사용 NODE_ENV=production $npm install 스터디/Etc 2023. 8. 1.

• [Strapi4] 처음부터 적용까지 보호되어 있는 글 입니다. 2023. 7. 25.

• 

  Docker 이미지 멀티플 아키텍처로 만들기 (멀티 플랫폼 빌드) M1 Macbook Pro로 만들땐 매우 조심해야합니다... docker(이하, 도커) 이미지를 만들때는 만드는 환경을 반영해서 이미지를 만듭니다. 인텔 환경에서 만들면 x86, x64 아키텍처가 반영되고, AMD환경에선 linux/amd64, 애플칩에서 만들면 limux/arm/v7가 반영됩니다. 만드는건 상관없지만 실행하는 서버에서는 arm64가 아닌 서버마다 세팅해놓은 아키텍처로 실행되기 때문에 도커가 정상적으로 실행되지 않을 수 있습니다. 서버측에선 주로 이런 에러가 출력됩니다. exec user process caused “exec format error” Buildx 19버전 부터 지원하는 CLI 플러그인을 이용해서 빌드옵션을 설정할 수 있습니다. 아키텍처 목록 확인 $ docker build.. 스터디/Etc 2023. 7. 20.

• 

  Nodejs 버전관리 (버전 변경, 다운그레이드, 업그레이드) nodejs가 시스템에 설치되고, 버전을 바꾸려면 어떻게 바꿔야하지 고민하던찰나 발견한 플러그인 "n 플러그인" node의 버전을 관리해주는 플러그인으로 정말 간단한 명령어로 node의 버전을 변경할 수 있습니다. # LTS 버전 설치 $ n lts # Stable 버전 설치 $ n stable # 최신 버전 설치 $ n latest # 특정 버전 설치 $ n 18.16.1 $ n 20.3.1 # 버전 변경 $ n # 특정 버전 삭제 $ n rm 18.16.1 $ n rm 20.3.1 추가로. brew명령어로 node를 설치했으면, n plugin이 동작하지 않게 된다. brew명령어로 node를 삭제해보자. $ brew uninstall node 스터디/Etc 2023. 7. 3.

• 

  SvelteKit 시작. 잡소리 웹개발, 윈도우 개발만 하다가, 모바일 개발만 하다가, 코인 개발만하다가, IoT개발만 하다가, 서버 개발하다가 지금은 웹/앱 개발을 해보려 합니다. 앱에 대한 수요가 아직도 많고, 고사양 프로세싱을 할땐 어쩔 수 없이 앱 개발을 해야하지만, 최근엔 브라우저의 많은 sdk지원이나 서버의 자원을 이용해서 연산해주는 프로세스가 발달하다보니 앱이 거의 필요없고, 웹으로 된 앱이 많이 쓰이는 추세입니다. 한국은 이상하게 대형 개발사들이 spring으로 자리잡으면서 왠만한 백엔드 개발자들이 spring을 많이 하려는 추세이며 밀고나가려고 합니다. "spring이 편하다, 대형 서비스에서 대응하기 좋다"라는 말들이 많지만 내가 java를 썩 달갑게 반기지 않기 때문에 spring은 역시 하지 않으려 합니다... 스터디/SvelteKit 2023. 7. 2.

• 

  강아지 혈류량으로 맥박수, 산소포화도, 호흡수 구하기 (스압) 최근에 재밌는 프로젝트가 있어서 진행했었습니다. 그것은 [ 강아지 IoT ] !!!! 강아지도 좋아하고, IoT도 좋아하니 저에겐 너무 환상적인 프로젝트 더라구요. 자세한 프로젝트 내용은 말하기 힘들지만 간단한 부분만 말하자면, 심박수+산소포화도+호흡수+(??) 알아내는게 목표였습니다. 그럼 어떠한 방법으로 알아냈는지 같이 한번 알아보시죠! 모두 실제 구현하였지만 데이터를 오픈할 수 없기에 인터넷에 있는 데이터로 대체하여 설명드립니다. 1. PPG (Photo PlethysmoGraph, 맥파) 사진을 이용한 혈류량 측정방법이라고 하는데, 쉽게 말하자면, 피가 흐르는 곳을 사진을 찍어서(빛을 보내고) 반사된 빛의 양을 측정하여 비교하는 방법입니다. 요즘에는 스마트워치 뒷면에서 초록색, 빨간색 LED가 나.. 스터디/Etc 2023. 6. 7.

• 

  React CORS Proxy 세팅오류 - 사이트 연결할 수 없음. CORS문제를 해결하기위해 Proxy를 세팅해주려고 http-proxy-middleware 패키지를 설치하고 setupProxy.js를 설정했는데 localhost가 접속이 안되는게 아닌가! 계속 연결할수 없다고 뜨고.. 네트워크도 뭐가문젠지 잘 모르것고...... 콘솔을 보니... "VM1457:161 crbug/1173575, non-JS module files deprecated." 대충 이런문구가 있는데 .. 설마... 했는데 역시나! 미들웨어를 최신버전에 맞게 안써주고 있었다;; 이런 코드를 공식 패키지 홈페이지(https://github.com/chimurai/http-proxy-middleware#readme)에서 가이드한대로 변경해주니 해결되었다. 한마디로, proxy 라고 되어있는 부분을.. 스터디/Etc 2023. 4. 6.

• 

  VSCode Explorer indent(간격), color(색상) vscode를 이용하면서 왼쪽에 있는 파일 익스플로러를 보기 편하게 바꿔보겠습니다. 변경방법 VSCode -> Preferences -> Setting 에서 변경해야합니다. 1. 마우스를 오버(onHover)하지 않아도 세로 간격선이 보이게 변경하기. workbench.tree.render : onHover -> always (호버에서 항상으로 변경) 2. 들여쓰기 간격을 크게 변경 workbench.tree.Indent : 10 -> 20 으로 변경 3. 폴더 영역 선 색상 변경. settings.json파일안에 색상값 추가. "tree.indentGuidesStroke":"#008070" 변경된 모습 스터디/Etc 2023. 4. 5.

• 

  유튜브 한계는 어디일까 (youtube limit test) 이런걸 해보는 사람이 있는지 모르것지만 일단 구글링해서 안나와서 해봄. 1. 1일 동영상 업로드 한계 일반 동영상과 숏츠 합쳐서 100개까지 업로드 가능. 100개 한계 도달시 24시간 지나야 업로드가능. 100개중 첫번째를 올렸을때 24시간이 지나면서 순차적으로 한개씩 업로드가 가능해짐. 업로드 기준은 서버에 말그대로 업로드 기준임. 공개로 변경시키는 기준이 아님. 2. 일일 맞춤 썸네일 한계(한도) - 최대 2MB올릴수 있는 썸네일을 여러개 올려서 합이 60MB 면 더이상 올라가지 않음. 3. 한 번에 업로드 할수 있는 개수는 15개. 동영상을 드래그해서 업로드 하게 되는데, 이때 15개 까지만 드래그 가능. 15개가 큐(queue)에 입력되면서 1개씩 업로드 되는데, 이때 다시 15개를 업로드해서 .. 스터디/Etc 2023. 3. 29.

• 

  Python Moviepy - 코딩으로 동영상 만들기 사운드, 이미지 프로세싱만 해보다가, 영상은 이번에 처음 만들어보는데 정말 재밌네요! 만드는 방법을 짧게 소개할까 합니다. Moviepy개요 https://github.com/Zulko/moviepy GitHub - Zulko/moviepy: Video editing with Python Video editing with Python. Contribute to Zulko/moviepy development by creating an account on GitHub. github.com python의 moviepy 패키지를 이용하면 코딩으로 얼마든지 동영상을 만드실 수 있습니다! moviepy는 정말이지 좋은 프로젝트이지만, 더이상 발전이 무의미해졌는지. 아주 3년전부터 패치가 멈춘 프로젝트 입니다. 영상.. 스터디/Python 2023. 3. 27.