[Velog] 이미지 여러 개 나란히 넣는 방법

인프콘 회고글을 쓰다보니, 이미지 첨부를 꽤나 많이 할 일이 생겼다.
평소 잘 하던 작업이 아니라, 어떻게 만져야 하는지 감이 잘 안왔다.

그리고 이미지 여러 개를 나란히 넣고 싶었는데, 어떻게 하는지를 몰라 서칭을 통해 찾았다.

---

어떻게 하나요? 🤔

이미지 링크 | 이미지 링크
---|---|

위의 구조로 작성해주면 된다. 그럼 코드는 아래처럼 될 것이다.

![](https://velog.velcdn.com/images/hsh111366/post/fcc2fb0d-d8aa-43b7-ab8c-d6656b811a17/image.png) | ![](https://velog.velcdn.com/images/hsh111366/post/ddc0ee11-47bb-4223-984a-22f8cf156bf9/image.png)
---|---|

이미지 두 개가 나란히 잘 들어간 모습을 볼 수 있다.

이는 마크다운에서 테이블을 그리는 방법을 활용한 것이라고 한다!

3개도 되나요? 🧐

![](https://velog.velcdn.com/images/hsh111366/post/fcc2fb0d-d8aa-43b7-ab8c-d6656b811a17/image.png) | ![](https://velog.velcdn.com/images/hsh111366/post/ddc0ee11-47bb-4223-984a-22f8cf156bf9/image.png) | ![](https://velog.velcdn.com/images/hsh111366/post/8c585428-8a27-4bc5-8f78-26bccb5a2466/image.png)
---|---|---|

물론 된다. 요렇게 똑같은 구조로 하나 더 붙여서 코드 작성을 해주면 된다.

사진 설명도 가능? 😮

이건 그냥 쓰다가 오타를 냈는데 이미지 밑에 텍스트가 들어가길래 발견했다. 원래 이렇게 쓰는 게 맞는지는 모르겠다만, 나중에 쓸 수도 있으니 정리해두려 한다.

방법은 간단하다. 이미지 링크 옆에 원하는 텍스트를 적어주면 된다.

![](https://velog.velcdn.com/images/hsh111366/post/fcc2fb0d-d8aa-43b7-ab8c-d6656b811a17/image.png)1층에서 본 모습 👀 | ![](https://velog.velcdn.com/images/hsh111366/post/ddc0ee11-47bb-4223-984a-22f8cf156bf9/image.png)2층에서 본 모습 👀 | ![](https://velog.velcdn.com/images/hsh111366/post/8c585428-8a27-4bc5-8f78-26bccb5a2466/image.png)굿즈들 🎁
---|---|---|

1층에서 본 모습 👀	2층에서 본 모습 👀	굿즈들 🎁

그럼 이렇게 작은 글씨로 설명글이 추가된다.

---

이렇게 쓰는 게 잘한 건지는 모르겠지만.. 그래도 몰랐던 사실 하나를 알아서 뿌듯한 하루!