# images

5개의 포스트
post-thumbnail

반응형에서 이미지 비율 유지하기

반응형에서 이미지 비율 유지하는 간단한 팁 > > >css >> > .img-wrap{ > position:relative; > width:100% > padding-bottom: calc(높이/넓이)*100%; >} > .img-wrap img{ > position:absolute; > top:0; > left:0; > width: 100%; > height: 100% >} 간단한 비율은 아래를 참조 > 2:1 :padding-bottom:50%; 1:2 :padding-bottom:200%; 4:3 :padding-bottom:75%; 16:9:padding-bottom:56.25%

2023년 5월 13일
·
0개의 댓글
·
post-thumbnail

도커 이미지 컨테이너 명령어

도커 이미지 컨테이너 명령어 컨테이너 생성 도커 엔진의 버전 확인 컨테이너 생성 및 실행 옵션 -i -t 컨테이너 상호 입출력, tty 활성화 컨테이너 이름 컨테이너 생성 컨테이너 내부를 들어가지 않음 --name 옵션으로 컨테이너 이름 설정 컨테이너 내부에서 빠져나오기 컨테이너 내부를 빠져나오면서 컨테이너 정지 Ctrl + P 컨테이너를 정지하지 않고 빠져나오는 단축키 이미지 내려 받기 이미지 내려받을 떄 사용 이미지 확인 이미지 목록 출력 컨테이너 시작 및 내부 들어가기 docker start 컨테이너 시작 docker attach 컨테이너 내부 진입 컨테이너 목록 확인 정지되지 않은 컨테이너 출력 옵션 -a 모든 컨테이너 출력 컨테이너 삭제 실행 중

2023년 5월 1일
·
0개의 댓글
·

Docker를 활용해서 EC2에 내가 만든 서버 올려보기

1. Docker 설치하기 1-1. EC2 인스턴스에서 Docker 설치 SSH키 발급받아서 SSH로 인스턴스 실행하기(그냥 인스턴스에 들어가서 연결해서도 실행가능) Docker 설치하기(Ubuntu 기반) 1-2. MacOS(Apple Silicon)에서 Docker 설치하기 > 💡 Docker 홈페이지에서 직접 Docker Desktop으로 설치해도 무방 brew로 Docker Desktop 설치하기 위의 명령어를 실행하면 Applications에 Docker Desktop이 설치된다. Docker 설치 확인하기 2. Docker Image 생성해보기 2-1. 프로젝트 루트폴더에 Dockerfile 생성하기 Dockerfile에서 사용되는 주요 명령어 > Dockerfile의 포맷은 INSTRUCTION arguments로 구성되어 있다. INSTRUCTION은 대

2023년 4월 17일
·
0개의 댓글
·
post-thumbnail

최신 버전의 Nginx Docker Container 실행하기

최신 버전의 Nginx Docker Container 실행하기 Search Nginx Docker Images > docker search nginx docker search niginx 결과 Nginx Docker image 다운로드 및 확인 > docker pull nginx:latest > docker images ![nginx docker image 다운로드 및 확인](https://velog.velcdn.com/images/ashappyasikonw/post/2714e83e-67d

2022년 6월 29일
·
0개의 댓글
·

도커 레지스트리에 이미지 push 하는 법

일단 내 로컬에 docker 가 잘 있는지부터 보자 뭔가 잘 떠있으면 이미지 목록이 잘 나올 것이다. 이제 내가 넣을 도커레지스트리를 보자 자 이리하면 신규 레파지토리면 not found 이겠지만 현재 뭐가 있으면 보일듯 내가 넣고 싶은 걸 이제 넣을 준비를 하자 자 이렇게 하면 넣고싶은 도커레지스트리에 해당 태그로 올라간다. 하지만 사실 난 에러가 났다..... 이건 /etc/docker/daemon.json 파일을 수정해서 insecure-registries 에 등록해주면 끝난다. 물론 도커 재기동 해야함 자 이제 잘되는 것을 확인할 수 있다. 휴.....오늘도 살아 남았다....

2022년 3월 24일
·
0개의 댓글
·