본문 바로가기

전체 글

(124)
WebPageTest 로 웹 성능 테스트하기 웹 성능을 측정할 때 코어 웹 바이탈 측정치를 가지고 성능을 측정하는것이 대세가 되었다.  코어 웹 바이탈 (Core Web Vitals)은 웹 사이트가 검색 엔진 결과에 표시되는 위치에 영향을 미치는 세 가지 웹 성능 측정값이다. 여기에는 사이트의 전반적인 로딩 속도, 상호작용, 웹페이지의 시각적 안정성, 보안 문제 등 여러 요소를 포함하고 있다. 구글에서는 웹 사이트에 방문하는 유저들의 경험을 좌우하는 여러 요소들 중 가장 기본이자 핵심 지표로 보기 때문에 ‘코어 (Core)’라는 단어를 붙여 부르기도 한다.다시 말해, 코어 웹 바이탈은 웹페이지 유저들의 사용 경험을 측정하는 구글의 표준화된 측정 항목 집합이다. 구글 검색을 효과적으로 활용하고 전체적으로 유저들에게 좋은 환경을 제공하려면 우수한 코어..
[Vue.js] Vite로 Vue.js 3 시작하기 Vue.js 3를 처음 시작할 때 보통 초기 샘플 예제로 실행을 많이 하곤한다. 그중에 Vite 를 이용해 초기 실행 Skeleton을 쉽게 생성할 수 있다. 명령은 아래 내용을 시작하면 초기 Skeleton을 만들기 위한 질의가 시작되고 해당 내용 답변을 하면 내용에 맞게 초기 Stub 코드를 생성해준다.npm init vite 위와 같이 치면..  Project name과 Framework 을 선택하라고 나온다. 적당히 개발 상황과 맞는 내용을 선택한다. 마지막으로 Variant (JavaScript or TypeScript) 여부를 선택하면 초기 프로젝트가 생성이 되고 npm install, npm run dev를 하라고 메세지가 표시된다. 새로 생성한 viet-projeect 로 들어간 후 npm..
[Docker] Docker로 Postgresql 설치하기 Docker Hub에서 Postgresql latest 이미지를 다운로드 받는다.root@DESKTOP-GH94F8C:/mnt/c/Users/skkkm# docker pull postgres:latestlatest: Pulling from library/postgres09f376ebb190: Pull complete119215dfb3e3: Pull completee02bbc8c8252: Pull complete061f31803c55: Pull completeaccd4903f49a: Pull complete2016ff8e6e3a: Pull complete088e651df7e9: Pull completeed155773e5e0: Pull completeffebb35d2904: Pull complete293f0..
[LLM] Google Generative AI, LangChain으로 LLM 사용하기 Google Generative AI API 인 Google PaLM 2 API를 사용하기 위해 API Key를 우선 발급한다.https://aistudio.google.com/app위 링크를 클릭하여 사이트로 이동 후 Sign In 버튼 선택 후 본인의 Google 계정으로 로그인 한다. 약관 동의 후 계속 입력 좌측 상단 Get API Key 선택 API 키 만들기 -> 새 프로젝트에서 API 키 만들기 선택 API Key 생성 후 복사 버튼으로 복사해서 간직한다. Python JupyterLab 에서 Google LLM 동작 시키기 [1]:위에서 생성한 API key가 제대로 생성되었는지 확인을 하기 위해 JupyterLab에서 아래 API를 호출해 본다.호출 후 응답이 오면 정상적으로 API ke..
[Python] Python 여러 버전 설치해서 사용하기 (Windows, Ubuntu) 파이썬을 개발하다보면 특정 프로젝트에서는 특정한 Python 버전으로 사용을 해야되서 한 OS에서 여러가지 Python 버전을 설치해야 하는 경우가 생긴다. 개발 환경이 Windows 또는 Ubuntu linux에서 진행이 되므로 각 OS에서 어떻게 여러 버전의 Python을 설치하고 지정할 수 있는지 확인해본다. Ubuntu 현재 설치된 Ubuntu에서 apt-get으로 install 가능한 패키지들은 아래 명령으로 확인할 수 있다 root@DESKTOP-GH94F8C:/etc/alternatives# sudo apt list | grep python3. WARNING: apt does not have a stable CLI interface. Use with caution in scripts. ast..
[Docker] 도커로 몽고db 설치하기 몽고DB 이미지는 아래 도커 허브에 공식적으로 릴리즈 되고 있다. https://hub.docker.com/_/mongo 우선 docker 이미지를 받아본다. root@DESKTOP-GH94F8C:~# docker pull mongo Using default tag: latest latest: Pulling from library/mongo bccd10f490ab: Pull complete b00c7ff578b0: Pull complete a1f43ab85151: Pull complete 9e72f6a5998a: Pull complete 8424336879e4: Pull complete 85a6d3c2e6c8: Pull complete c533c21e5fb8: Pull complete 1fddf702bb..
[Docker] Harbor 로컬 컨테이너 저장소 Push 하기 Harbor 로컬 컨테이터 서버가 구축되었으면 로컬에서 도커 이미지를 빌드해서 Push하고 쿠버네티스에서 해당 Image를 pull 해보도록 테스트 해본다. Harbor 로컬 컨테이너 저장소 구성 관련 내용은 아래 post에 나와 있다. https://kindloveit.tistory.com/129 Harbor 신규 프로젝트 생성 Harbor 로 로그인 (초기 비번은 admin/Harbor12345) 후 신규 프로젝트를 생성한다. 생성팝업에서 Project 명을 입력한다. Push하고자 하는 도커 이미지를 빌드한다. 빌드시 tag명 앞에 push 대상 서버 주소(172.17.0.1)을 적어준다. root@DESKTOP-GH94F8C:/home/kindlove/test# docker build -t 172..
[Docker] Harbor 로컬 컨테이너 저장소 구축하기 Docker는 Docker Hub라는 공용 이미지 관리 서비스를 제공하고 있다. 그러나 오픈되어 있기 때문 누구나 접근 가능하므로 기업의 내부 프로젝나 공개하고 싶지 않은 개인 프로젝를 진행하는 경우 로컬 이미지 저장소가 필요할 수 있는데 오픈소스인 Harbor가 그 답이 될 수 있다. 공식 홈페이지는 아래와 같다. 최신정보는 아래 홈페이지에서 찾아보자 https://goharbor.io Harbor 설치 Harbor는 docker-compose로 구동을 시키므로 docker-compose가 설치되어 있지 않다면 설치하도록 한다. apt-get install docker-compose 인증서 생성 # 인증기관 인증서 생성 root@DESKTOP-GH94F8C:/home/kindlove/temp# open..