728x90 728x90 전체 글153 [Docker] 도커 기본 명령어 [Docker] 도커 기본 명령어 컨테이너 실행 docker run nginx docker run nginx 명령어 실행 시 Docker 호스트에 Nginx 애플리케이션 인스턴스가 있다면 해당 인스턴스를 실행한다. 호스트에 이미지가 없다면 Docker Hub으로 이동해 이미지를 Pull 한다. 이 작업은 한 번만 처리되기 때문에 명령어를 여러 번 실행해도 같은 이미지를 재사용한다. 컨테이너 목록 docker ps docker ps 명령어는 실행되는 모든 컨테이너와 해당 컨테이너의 기본 정보를 나열한다. 각 컨테이너는 Docker에 의해 자동으로 생성된 임의의 ID나 이름을 가진다. 컨테이너 ID나 컨테이너 실행을 위해 사용되는 이미지의 이름 현재 상태나 컨테이너 이름 등이 있다. docker ps -a .. 2023. 12. 1. [Docker] 도커 설치 및 설정하기 [Docker] 도커 설치 및 설정하기 linux에서의 Docker https://docs.docker.com/engine/install/ubuntu/ Install Docker Engine on Ubuntu Jumpstart your client-side server applications with Docker Engine on Ubuntu. This guide details prerequisites and multiple methods to install Docker Engine on Ubuntu. docs.docker.com 도커 엔진을 설치하려면 64비트 버전의 Ubuntu 버전 중 하나가 필요하다. Ubuntu Mantic 23.10 Ubuntu Lunar 23.04 Ubuntu Jammy 22.. 2023. 11. 30. [Docker] 도커의 개념 및 필요성 [Docker] 도커의 개념 및 필요성 도커(Docker)의 개념 도커는 컨테이너 기반 가상화 플랫폼으로, 애플리케이션과 그 종속성을 격리된 환경인 컨테이너에 패키징하여 효율적으로 실행 및 배포할 수 있도록 지원하는 오픈 소스 기술이다. 다양한 운영 체제 환경에서 일관된 실행 환경을 제공하며, 개발부터 배포까지의 프로세스를 간소화하고 표준화하는 데 중점을 두고 있다. 가상 머신과의 차이 가상 머신과 Docker 컨테이너는 운영 체제 위에서 실행되는 것에서 공통점을 가지지만, 가상 머신은 완전히 분리되어야 하는 반면, Docker 컨테이너는 리소스를 덜 차지하고 빠르게 부팅할 수 있는 등 가벼움이 특징이다. 도커(Docker)의 필요성 아래와 같은 이유로 애플리케이션을 개발하고 구축하며 배포하는 과정에서의.. 2023. 11. 29. [React Query] Mutation 개념 [React Query] Mutation 개념 Mutation은 서버에 데이터를 수정, 생성 또는 삭제하는 등의 작업을 수행하는 것을 의미하며 React Query Hook useMutation을 사용해서 수행할 수 있다. const updateMutation = useMutation((postId) => updatePost(postId)); useMutation은 일부 예외를 제외하고 useQuery와 상당히 유사하다. mutate 함수를 반환하는데 이 mutate 함수는 우리가 변경 사항을 토대로 서버를 호출할 때 사용한다. 데이터를 저장하지 않으므로 쿼리 키는 필요하지 않다. isLoading은 존재하고 캐시된 항목이 없으므로 isFetching은 존재하지 않는다. 변이에 관련된 캐시는 존재하지 않.. 2023. 11. 29. [React Query] Prefetching 개념 [React Query] Prefetching 개념 preFetching은 페이지나 컴포넌트를 렌더링하기 전에 데이터를 사전에 미리 불러오는 기능을 의미한다. 이는 사용자가 특정 페이지로 이동하거나 컴포넌트를 렌더링하기 전에 필요한 데이터를 미리 가져와서 사용자 경험을 최적화할 수 있게 해준다. 사용자가 특정 게시물 페이지에 cacheTime보다 오래 머물 수도 있다. Pagination을 구현할 때 페이지가 캐시에 없기 때문에 Next page 버튼을 누를 때마다 페이지가 로딩되길 기다려야 한다. 데이터를 미리 가져와 캐시에 넣어서 사용자가 기다릴 필요 없도록 할 수 있다. 이렇게 추후 사용자가 사용할 법한 모든 데이터에 프리페칭을 사용합니다 다수의 사용자가 웹사이트 방문 시 통계적으로 특정 탭을 누를.. 2023. 11. 28. [React Query] Query key 개념 Query key 개념 쿼리 키(queryKey)는 데이터를 식별하는 데 사용되는 고유한 식별자이다. 이 키는 useQuery, useMutation, useQueryClient 등의 훅에서 사용되며, 데이터를 가져오거나 캐시된 데이터를 식별하는 데 필요하다. const { data, isLoading, isError, error } = useQuery("comments",fetchComments); post id 별로 comments가 다르기 때문에 아래와 같이 쿼리를 사용하면 모든 쿼리가 comments 쿼리 키를 동일하게 사용하게된다. 이렇게 comments 같이 알려진 쿼리 키가 있을 때는 어떠한 트리거가 있어야만 데이터를 다시 가져오게 된다. 예를 들어 컴포넌트를 다시 마운트하거나 윈도우를 다시.. 2023. 11. 27. 이전 1 2 3 4 5 6 ··· 26 다음 728x90 728x90
