junnnhhh

개인 프로젝트를 하면서 AWS 배포하는 과정에서 Gradle를 써야하는 일이 생겨 설치방법을 찾아보면서 공유하면 좋을 것 같아 글을 써본다.참고 : https://keun.me/gradle/ 리눅스 Gradle 최신버전 설치1. 설치할 Gradle 버전 확인 https://gradle.org/install/ Java 17 환경의 프로젝트를 개발중이므로 7.3이상의 버전을 설치해야함 2. wget 설치하기 sudo apt install wget 3. 설치할 버전의 Gradle zip파일 다운 wget https:/keun.me요 글을 쓰신 분께서 내용을 간략하지만 아주 깔끔하게 정리해주셨다! 우선, 설치할 Gradle 버전을 확인한다.나의 경우 8.10.2 버전이 필요하여 해당 버전으로 설치를 할 예정이다..

(막혔던 점)로컬에서 Vue 프로젝트를 실행했을 때는 단순 `npm run dev'를 통해서 실행을 했다.따라서, AWS 환경에서도 `npm run dev`를 실행 후, 기본 포트인 5173에 대한 AWS Inbound 규칙을 설정해주면공인IP를 입력했을 때, 연결이 될거라고 생각을 했었다. 웹서버(Apache, Nginx ...)를 띄워 그 안에서 vue 프로젝트를 실행시켜야 접속이 가능하다는 것을 잊고 있었다..!※Amazon Linux 기준으로 작성1) Nginx 설치sudo yum install nginx -y2) Nginx 재기동 및 상태 확인sudo systemctl restart nginxsudo systemctl status nginxIP 접속을 하게 되면, 아래와 같이 잘 연결되는 것을 ..

hover란 마우스를 어떤 요소 위에 올렸을 때의 동작을 의미한다. CSS 에서는 hover 선택자를 사용해서 hover 동작 시 적용되는 스타일을 구성할 수 있다. hover 선택자에 대한 스타일 정의를 하지 않고 td 태그에 마우스오버 했을 때hover 선택자에 대한 스타일 정의 후, td 태그에 마우스오버 했을 때

HTML 요소들을 사용하다 보면 해당 요소에 style 속성을 부여하여 사용하는 경우가 많다.이 때, 중복되는 요소들을 사용하다 보면 style 속성에 같은 값을 넣어주게 되는데 이 부분을좀 더 효율적으로 사용하기 위해 기본 사용법은 스타일을 적용할 요소 (ex 태그, 클래스, 아이디)를 명시해주고정의할 속성들을 중괄호로 묶으면 된다. 태그의 경우는 태그명클래스의 경우 .xxx아이디의 경우 #xxx 클래스의 경우, 다중 상속이 가능하기 때문에 여러 클래스를 같이 사용할 수 있다. 제목 이름

태그는 행과 열로 이루어진 2차원 테이블을 정의할 때 사용한다.  태그는 자식요소에 , , , , 등을 활용하여정의할 수 있다.  : 태그 내에서 헤더 콘텐츠를 하나의 그룹으로 묶을 때 사용. : 태그 내에서 내용 콘첸츠를 하나의 그룹으로 묶을 떄 사용. : 테이블 헤더를 정의. : 테이블 한 셀에 들어가는 데이터를 정의. : 태그를 그룹화 하여 한 행으로 묶어주는 역할. 첫번째 제목 두번째 제목 1 2 3 4  또한, th에 style="widht:~"를 주어 셀의 열 너비를 조정할 수 있다. ..

폐쇄망인 서버에서 docker repo를 참조하여 이미지를 다운로드 받는 것은 거의 불가하다. (방법이 있으면 공유 부탁드립니다.) 따라서, 다른 방법을 조금 검색해봤다. 결론은 docker save를 통해 image를 압축하여 로컬에 다운로드 후, 해당 압축파일을 서버에 전송한 후, docker load를 통해 이미지를 pull 받으면 된다! docker image save docker image save ~ 풀로 입력해도 되지만, docker save ~ 으로 image를 생략하고도 사용이 가능하다. docker save는 stdout을 입력하는 방법 및 옵션 + 압축 파일명으로 입력하는 방법이 있다. 1. stdout docker save busybox > busybox.tar docker save..

Map 객체는 key-value로 이루어진 데이터 구조이다. Map에 key-value는 모든 타입에 대해서 사용 가능하다. const map1 = new Map(); map1.set('a', 1); map1.set('b', 2); map1.set(1, 3); console.log(map1.get('a')); // Expected output: 1 console.log(map1.get('b')); // Expected output: 2 console.log(map1.get(1)); // Expected output: 3 Map은 한 객체 내에서 key는 오직 단 하나만 존재해야 한다. ex) { 'a': 1, 'a': 2 } → X Map 객체는 for .. of 구문을 사용하여 내부 요소를 참조할 수 ..

String은 다들 알다시피 문자열을 나타내는 객체이다. JavaScript에서 사용하는 String의 주요 내장 메서드는 무엇이 있는지 살펴보자. String - JavaScript | MDN The String object is used to represent and manipulate a sequence of characters. developer.mozilla.org 공식 문서에 나와있는 주요 메서드는 String의 길이를 반환하는 length, String 객체에 뒤에 추가로 붙여주는 +, += 연산자, 부분 문자열 포함 여부 및 그 위치를 알려주는 indexOf(), 부분 문자열을 추출해주는 substring()이 있다. String 인스턴스 생성 방법 const string1 = "A str..

Milvus는 현재 Pinecone과 더불어 대중적으로 인기가 많은 Vector DB 서비스이다. 로컬 또는 클라우드를 이용하여 스토리지를 설정할 수 있다. 나는 로컬로 Milvus Standalone을 설치해보겠다. 일단 나는 윈도우 환경이기 때문에 윈도우 환경에서 설치할 수 있게 필요한 프로그램들을 다운받아야 한다. 아래 링크에서 Minikube를 설치해보자. Minikube를 Windows에서 설치해보자. MiniKube란? 각 OS에서 로컬 k8s 클러스터를 빠르게 설정해주는 도구이다. k8s 클러스터를 실행하려면 최소한으로 구성을 해줘야 되는 부분들이 있다.(sceduler, controller, api-server, .. 등) 이러한 구성들 junnnhhh.tistory.com 이제 본격적으로..

MiniKube란? 각 OS에서 로컬 k8s 클러스터를 빠르게 설정해주는 도구이다. k8s 클러스터를 실행하려면 최소한으로 구성을 해줘야 되는 부분들이 있다.(sceduler, controller, api-server, .. 등) 이러한 구성들을 쉽고 빠르게 해주는 도구가 minikube이다. Minikube https://github.com/kubernetes/minikube/releases/tag/v1.32.0 Release v1.32.0 · kubernetes/minikube 📣😀 Please fill out our fast 5-question survey so that we can learn how & why you use minikube, and what improvements we should..