2024/10 3

[Nuxt3] GraphQL 사용하기(nuxt-graphql-client)

Nuxt3에는 GraphQL을 사용해 본 적이 없어서 찾아봤다.npx nuxi@latest module add graphql-client이걸 입력해 nuxt 모듈을 추가한다.그리고 nuxt.config.ts에 modules 안에다 nuxt-graqph-client를 추가하고, runtimeConfig에 graphql 이 적용된 백엔드 주소를 넣어주면 된다.내가 작성한 GQL_HOST 값은 http://localhost:5001/graphql임이것만 해주면 끝.그리고 queries 디렉터리를 만들고 .gql 파일을 만들면 된다.이건 테스트를 위해 현재 백엔드에 작성한 쿼리다.이걸 실행하기 위해 nuxt에서 queries 디렉터리 안에 test.gql 파일을 생성 후 아래와 같이 쿼리를 작성했다.추가적으로 ..

VueJS/Nuxt 2024.10.27

[Docker] docker 커맨드

컨테이너 환경 표시커맨드 실행 설명docker version도커 클라이언트와 서버 버전 표시docker info구체적인 환경 정보 표시컨테이너의 3대 기능컨테이너 이미지 빌드커맨드 실행 예 설명docker build -t 리포지터리:태그 . docker image build -t 리포:태그 .현 디렉터리에 있는 Dockerfile을 바탕으로 이미지를 빌드docker images docker image ls로컬 이미지 목록docker rmi 이미지 docker image rm 이미지로컬 이미지 삭제docker rmi -f ‘docker images -aq’ docker image prune -a로컬 이미지 일괄 삭제이미지의 이동과 공유커맨드 실행 예 설명docker pull 원격_리포지토리[:태그]원격 리..

K8s & Docker 2024.10.01

[K8s] kubectl 커맨드

kubectl 커맨드의 기본kubectl 커맨드의 기본 구조는 다음과 같이 세 부분으로 구성된다.커맨드로 동작을 지정리소스 타입과 이름으로 대상이 되는 오브젝트를 지정옵션kubectl [name] [option]커맨드커맨드 사용 예 개요getkubectl get -f get은 지정한 오브젝트의 목록을 한 줄에 하나씩 출력kubectl get kubectl get kubectl get describekubectl discribe -f get보다 더 자세한 정보를 출력kubectl discribe kubectl discribe kubectl discribe applykubectl apply -f 매니페스트에 기술된 오브젝트가 존재하지 않으면 생성하고, 존재하면 변경createkubectl cr..

K8s & Docker 2024.10.01