TIL - day35

Radio

---

<div class="form-control">
   <label class="label">
   <span class="label-text">성별</span>
   </label>
   <label>
   <input type="radio" name="gender" checked>
   <span>여성</span>
   </label>
   <label>
   <input type="radio" name="gender">
   <span>남성</span>
   </label>
</div>

• input 태그의 타입을 radio로 하면 체크박스를 만들 수 있음
• 같은 이름을 가진 라디오 중에서는 하나만 체크 가능함
• 태그에 checked 속성이 있으면 기본적으로 선택된 상태

브라우저에서 봤을 때 모습

Host파일 수정

---

맥에서 /private/etc/hosts 파일을 열고 다음 내용을 추가

192.168.2.131	site1.com
127.0.0.1		site2.com
127.0.0.1		site3.com
127.0.0.1		site4.com
127.0.0.1		site5.com
127.0.0.1		site6.com

여기서 192.168.2.131은 가상머신의 ip이다.

호스트인 맥에서 크롬으로 site1.com을 접속하면 결국 가상머신의 ip로 접속하게 됨

도커 내 작업물은 영속적이다

---

컨테이너 작업물은 컨테이너가 꺼지든 호스트가 꺼지든 남아있다.

볼륨

---

컨테이너의 폴더와 외부의 폴더는 연결돼있다.

기본적으로 /var/lib/docker/overlay2/**/diff 이런 경로에 연결되는데 볼륨을 이용하여 연결경로를 바꿀 수도 있다.

폴더와 컨테이너를 연결하기

---

1. 폴더 생성
   mkdir -p /docker_projects/nginx_1/volumes/usr/share/nginx/html
2. 컨테이너를 실행 with 볼륨

docker run \
	--name=nginx_1 \
	-p 8031:80 \
	-v /docker_projects/nginx_1/volumes/usr/share/nginx/html:/usr/share/nginx/html \
	-d \
	--restart="always" \
	nginx

볼륨의 장점

---

• 볼륨을 설정하지 않으면 컨테이너가 삭제되면 기존 컨테이너의 내용이 모두 사라진다.
• 볼륨을 통해 폴더를 지정하면 컨테이너는 사라져도 호스트와 연결된 폴더는 남아있다.
• 컨테이너 내부에서 직접 작업하지 않아도 된다.
• 대신 컨테이너가 생성시 기본적으로 만드는 파일들은 생성이 안될 수도 있다.

커스터마이징

---

기존 이미지를 용도에 맞게 수정한 후 사용하는 것이 훨씬 효율적이다.

첫번째 방법

---

1. 기존이미지의 컨테이너를 만든다.
2. 컨테이너를 수정한다.
3. 다시 이미지로 만든다.

두번째 방법(DockerFile)

---

1. 컨테이너에 연결할 폴더로 이동 혹은 생성,이동
2. 해당위치에서 index.html 파일 생성
   echo '<h1 style="color: blue">Hello Nginx</h1>' > index.html
3. Dockerfile 작성

# 베이스 이미지
FROM nginx

# 도커 컨테이너 내부의 디렉토리 이동
WORKDIR /usr/share/nginx/html

# 호스트 폴더(./) 의 내용을 /usr/share/nginx/html 폴더로 이동한다.
COPY ./ ./

# 하는 편이 좋다. 이 컨테이너는 80을 사용한다는 뜻
EXPOSE 80

4. 이미지 생성
   docker build -t nginx_custom_1 .
5. 컨테이너 실행
   docker run --name=nginx_1 -p 80:80/tcp -d --restart="always" nginx_custom_1

볼륨설정을 도커파일에서 미리 지정하고, 도커파일을 기반으로 생성한 이미지에서 컨테이너를 실행했다.