밀래의 코딩북

k8s metrics-server를 설치하고 적용 했는데 running 되지 않은 상태에서 막힌다면 다음을 해보시면 좋을 것 같습니다.k8s metrics-server 설치Metric-server를 설치하기 위해서는 아래 레파지토리에서 릴리즈 항목을 확인한 후 설치하면됩니다.https://github.com/kubernetes-sigs/metrics-server GitHub - kubernetes-sigs/metrics-server: Scalable and efficient source of container resource metrics for Kubernetes built-in autScalable and efficient source of container resource metrics for Ku..

vscode를 처음 시작하게 되면 파일을 수동으로 저장을 시켜줘야 합니다. vscode를 자동 저장하기 위해서는 설정을 해줘야 하는데 다음과 같이 설정해주시면 가능합니다. 파일 자동 저장 1. 간편 설정 방법 - 기본 설정 되어 있는 자동 설정으로 자동 저장만 실행할 경우 아래와 같이 기능을 체크해주면 됩니다. - File - Auto Save 체크 2. 상세 설정 방법 - 상세 설정을 하고 싶다면 설정 항목으로 들어가 설정 하면 됩니다. - File - Preferences - Settings - text Editor - Files - Auto Save - Auto Save 에서는 총 4가지 설정이 가능 off : 자동저장 하지 않기 after delay : Auto Save Delay에서 설정한 시간..

LLM 관련 서비스가 많이 나오는데 각각의 사이트에서는 자신들의 모델만을 사용할 수 있게 만들고 있는데요. 이 사이트는 여러 회사의 모델들을 한번에 사용할 수 있게 만드는 사이트 입니다. 재미있기도 하고 이런 아이디어가 이제 필요한 것 같네요. 다양한 모델은 서비스 하는 업체의 사이트에서만 사용하는 것도 피로도가 높거든요. 더욱이 지금 물어보던걸 다른 사이트에 또 물어보려면 여러 스텝을 거쳐서 이동한 뒤에 물어봐야하니깐요. 만약, 히스토리가 있다면 그 히스토리도 다 천천히 물어봐야 합니다. 그렇게 생각하면 바로바로 모델을 바꿔서 이야기 할 수 있는게 좋은 것 같네요. https://start-chat.chatgot.io/ Chatgot start-chat.chatgot.io 수다쟁이라는 사이트 인데요. ..

React 프로젝트 생성하는 방법은 사용 용도에 따라 크게 4가지로 소개되고 있습니다. 일반적으로 front 독립적으로 운영되는 create-app cli를 활용한 방법을 활용합니다. 그리고 서버 사이드 랜더링 및 풀스택개발을 위한 Next.js를 기반으로 프로젝트를 생성할 수 있습니다. 이 포스팅에서는 Next.js를 활용하여 기본적인 프로젝트를 생성하는 방버에 대해 작성해보려고 합니다. 0. Next.js 란? Next.js는 리액트를 기반으로 한 오픈소스 자바스크립트 웹 프레임워크로, 리액트에는 없는 서버 사이드 렌더링 (SSR), 정적 사이트 생성 (SSG), 증분 정적 재생성 (ISR)과 같은 다양하고 풍부한 기능을 제공합니다. 이를 통해 개발자는 클라이언트와 서버에서 아주 복잡한 작업을 별다른..

JavaScript에서 UserId를 체크하는 정규식 입니다. 첫 글자는 영어를 허용하며 영어/숫자/특수문자 ( . _ ) 두가지만 허용하며 최대 30글자까지 사용할 수 있습니다. 정규식 다음은 요구사항을 충족하는 JavaScript 정규식 패턴 입니다. /^[a-zA-Z][a-zA-Z0-9._]{0,29}$/ 위 정규식 패턴은 다음과 같이 구성됩니다. ^ : 문자열의 시작을 나타내는 메타 문자 [a-zA-Z] : 첫 글자는 영어 대소문자만 허용 [a-zA-Z0-9._]{0,29} : 이후 글자는 영어 대소문자, 숫자, 특수문자 .(점)와 _(밑줄)만 허용하며, 글자 수는 0부터 29까지 허용 $ : 문자열의 끝을 나타내는 메타 문자 예를 들어, 다음과 같이 사용할 수 있습니다. const regex =..

브릿지 리엑트 네이티브는 JavaScript로 개발하는데 어떻게 Native 코드로 동작할까? 이 궁금증을 해소하기 위해서는 브릿지의 개념을 알아야 합니다. 그리고 그 브릿지와 동작하는 Thread 개념을 이해해야 합니다. 브릿지는 JavaScript 코드를 이용해 네이티브 계층과 통신하는 역할을 합니다. 브릿지는 JavaScript 스레드 정보를 받아 네이티브에 전달합니다. JavasScript 스레드는 JavaScript 코드가 실행되는 장소이며 보통 리엑트 코드로 구성되어 있습니다. 네이티브를 담당하는 Main 스레드가 있고 레이아웃을 계산하는 데 사용하는 백그라운드 스레드인 Shadow 스레드가 있습니다. 또한, 네이티브 모듈이 있는데 각 모듈에 자체 스레드가 있습니다. Main Thread & ..

리액트 네이티브 란? 리액트 네이티브는 2015년 페이스북이 공개한 오픈소스 프로젝트로 리엑트에 기반을 두고 제작되었습니다. 리액트와 달리 IOS, Android에서 동작하는 네이티브 모바일 애플리케이션을 만드는 자바스크립트 프레임워크로 시작하였고 최근에는 Windows, Mac, Web까지 확장하고 있습니다. 또한, 2018년에는 React Native의 Github의 모든 레파지토리에서 두 번째로 많은 contributors를 기록했습니다. 현재는 Microsoft, Expo, Callstack, Infinite Red 그리고 Software Mansion 등 다양한 기업과 개인의 기부로 지원받고 있습니다. React Native : https://reactnative.dev/ React Native..

react-native에서 ios 빌드를 하다보면 library not found 이슈가 발생하곤 합니다. 정확히 어떤 이유인지 알 수 없어 라이브러리만 계속 재 설치 해보기도 하고 pod을 모두 삭제 했다가 설치 해보기도 하지만 한번 꼬인 설정은 이런 방법으로 해결 안되더라구요. 그래서 제가 library not found 관련하여 해결한 방법을 정리 해봅니다. library not found 해결 방법. 저는 react-native-slider 라이브러리를 설치하고 발생했습니다. yarn && pod install 를 한 뒤 build를 진행했는데 계속해서 위 문제가 발생했습니다. 여러가지로 검색 해보다가 pod install 할때 발생한 wanring 메세지가 눈에 들어왔습니다. 위 메세지를 읽어보..

Google Functions & Firestore 저장하기 1편 - Functions 프로젝트 생성 및 Deploy 하는 법. 1. Google functions를 사용하는 이유 토이 프로젝트에서 크롤링 Firebase에 데이터를 쌓아야 하는 이유가 생겼습니다. 처음에는 AWS의 Lamdba를 고려하여 연결하려고 했지만 Firebase console에서 Google Function를 한 번에 확인할 수 있고 같은 데이터 센터라는 이점이 있기 때문에 Google Function를 사용하게 되었습니다. 이 포스팅에서는 Google Function를 활용하여 크롤링 데이터를 Firebase까지 데이터를 쌓는 방법을 정리하려고 합니다. 여러편을 통해 정리할 예정이고 1편에서는 Google Functions을 ..

AWS Lambda로 크롤링 데이터 Firebase에 데이터 쌓는 법 1편 - Lambda 설정 2편 - 로컬 테스트 이제 설정은 끝났고 firebase에 데이터 쌓는 방법을 시도해보겠습니다. Lambda에 올리기 전에 로컬에서 테스트하는 방법을 작성해보도록 할게요. 1. 로컬에서 Lambda에 올릴 함수 테스트 package.json에 아래와 같이 scripts를 추가합니다. { "name": "firebase-lambda", "version": "1.0.0", "main": "index.js", "scripts": { "locally" : "node -e \"console.log(require('./index').handler({}));\"" }, "dependencies": { "firebase-a..