R 프레젠테이션에 로컬 이미지 파일 포함

1. R 프레젠테이션에 로컬 이미지 파일 포함
2. 결론

이 기사에서는 R 프리젠테이션에서 로컬 이미지에 링크하는 방법을 알려줍니다. 또한 이미지를 정렬하고 크기를 조정하는 방법도 알아봅니다.

R 프레젠테이션에 로컬 이미지 파일 포함

R Studio에서 프레젠테이션을 만들 것입니다. 이렇게 하면 RMarkdown 파일을 R 프리젠테이션에 쉽게 편성하는 데 도움이 됩니다.

아직 설치되지 않은 경우 rmarkdown 패키지를 설치해야 합니다. 패키지를 설치하는 명령은 다음과 같습니다.

install.packages("rmarkdown")

RMarkdown을 사용하면 ioslides 및 slidy의 두 가지 형식으로 HTML 프레젠테이션을 만들 수 있습니다. 이미지 삽입은 두 형식에서 동일합니다.

버전 v2022.07부터 R Studio를 사용하면 Reveal JS 형식으로 Quarto 프레젠테이션을 만들 수도 있습니다. 이것은 또한 HTML 프리젠테이션이며 이미지 삽입은 동일합니다.

로컬 이미지 파일에 링크

먼저 프레젠테이션의 Rmd 파일과 같은 폴더에 이미지를 배치합니다. 그런 다음 이미지에 연결하는 코드는 다음과 같습니다.

![Alt Text or Image Caption](Image_Filename.png)

Rmd 파일이 있는 폴더가 R의 작업 디렉토리가 아니더라도 R Studio는 이미지를 찾습니다.

기본적으로 RMarkdown은 data: URI를 사용하여 렌더링된 HTML 파일에 이미지를 포함합니다. 이렇게 하면 렌더링된 HTML 파일이 자체적으로 포함됩니다.

이미지 파일을 별도로 제공하지 않고 공유할 수 있습니다. 그러나 Quarto 프레젠테이션은 기본적으로 독립적이지 않습니다.

샘플 프레젠테이션

첫 번째 코드 청크는 샘플 RMarkdown 프레젠테이션을 보여줍니다. Rmd 파일로 저장됩니다. 여기에는 프레젠테이션을 위한 YAML 헤더가 포함됩니다.

두 번째 코드 청크는 이미지를 정렬하거나 크기를 조정하는 데만 사용되는 샘플 CSS 파일을 보여줍니다. 이 코드 청크는 Rmd 파일과 같은 폴더에 CSS 파일로 저장해야 합니다. CSS에는 여기에 사용된 스타일 외에도 많은 가능성이 있습니다.

우리가 사용할 샘플 이미지는 다음과 같습니다. 같은 폴더에 저장해야 합니다.

RMarkdown 프리젠테이션을 구성할 때 R Studio는 이미지가 포함된 독립형 HTML 프리젠테이션 파일을 생성합니다. 최신 브라우저가 있는 다른 컴퓨터에서 공유하거나 사용할 수 있습니다.

샘플 R 마크다운 프레젠테이션:

---
title: "R HTML Presentation"
output:
  ioslides_presentation:
    css: RImage.css
---

## Slide with Centered Image

![Image Caption](RImage.png){.center}

<p style="text-align:center;">Centered Text</p>

## Slide with Left-aligned Image

![](RImage.png){.left}

## Slide with Right Aligned Image

![](RImage.png){.right}

## Slide with Right-aligned Small-sized Image

![](RImage.png){.small .right}

샘플 CSS 파일:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.left {
  float:left;
}

.right {
  float:right;
}

.small {
  max-width: 25%;
}

결론

R Markdown 프레젠테이션에 이미지를 포함하는 구문은 매우 간단합니다. CSS를 사용하여 슬라이드에서 이미지의 크기와 위치를 제어할 수 있습니다.