호박고구마

Marp란?

Marp는 md 파일을 이용해서 쉽게 PDF 파일을 만들어주는 도구이다.

설치 순서 

먼저 설치를 위해서는 2가지가 필요하다.

1. Visual studio code

2. Marp (Vsc Extension 기능)

설치 방법

먼저 Visual studio code를 설치하기를 바란다. 설치 URL : https://code.visualstudio.com/ 

설치가 완료되었다면, 왼쪽에 확장 Extension을 누른다. 그리고 Marp for VS Code를 검색하여 설치를 진행한다.

사용방법

파일 생성

파일이름을 정하고, 사용 방법은 밑의 Marp Markdown을 선택하게 되면 파일이 만들어진다.

미리 보기

파일을 만들었다면, 간단하게 글을 쓴 후 미리보기가 가능하다. 상단오른쪽에 보면 돋보기 + 책 모양을 선택하면 미리보기가 가능하다.

파일 추출 

그 다음은 파일 추출 기능인데, 오른쪽 상단에서 왼쪽에서 2번째 아이콘 모양을 클릭 하면 다음과 같이 나오는데,

Export Slide Deck 선택 후, 파일을 만들면 만들어진다.

여기서 주의사항은 꼭 Untitle이 아닌 개별 파일로 저장하고 PDF로 추출하기 바란다. (필자는 저장안하고 추출하면 에러가 발생헀음)

css style 넣는 방법

글로벌로 스타일 적용 방법과 페이지 별로 스타일을 적용하는방법

글로벌로 할려면 <style> css 코드 ....</style> 안에 코드를 넣어주면되고,
만약 특정 페이지에 대해서만 스타일을 따로 적용하고 싶다면 <style scoped> css 코드 .... </style>를 해주면 된다.

HTML class 네임 설정하기

---
marp: true
---

<style>
  .flex {
    width: 600px;
    display: flex;
  }

  .hi {
    width: 1000px;
  }

</style>
<div class="flex">
  <div class="hi" style="color:red">나</div> 
  <div class="hi" style="color:red">홍길동</div>
  <div class="hi" style="color:red">아하</div>
  <div class="hi" style="color:red">허허</div>
</div>

Marp는 html 코드를 적용할 수 있다고 말했는데, 다음과 같이 나온다. 그러면 어떻게해야할까?

왼쪽 맨밑에 보면 시계톱니 모양의 Setting을 눌러 준다. 이후 markdown.marp라고 검색을 한다.

그리고, Markdown > Marp: Enable HTML을 선택해주면 html 태그의 글들이 밑의 처럼 사라지게된다.

 brew update

위의 명령어 입력 후 다음과 나올 때 에러 해결 방법

Error: homebrew-core is a shallow clone. To `brew update` first run:
  git -C "/usr/local/Homebrew/Library/Taps/homebrew/homebrew-core" fetch --unshallow

 git -C "/usr/local/Homebrew/Library/Taps/homebrew/homebrew-core" fetch --unshallow 명령어로 core를 업데이트해야 한다. 하지만 만약에 명령어 입력 후에도 아무 반응이 없을 시 다음과 같이 해보길 바란다.

core를 삭제 후 다시 git 명령어를 이용해 howebrew-core를 설치한다.

cd /usr/local/Homebrew/Library/Taps/homebrew/
rm -rf homebrew-core
git clone https://github.com/Homebrew/homebrew-core.git

이 후 다시 brew update를 입력하면 작동이 잘된다.

~/.oh-my-zsh폴더가 이미 존재하기 때문에 발생하는 에러이다. 터미널에서 다음과 같이 커맨드를 입력 후 다시 설치를 진행하면 된다.

rm -rf ~/.oh-my-zsh
rm ~/.zshrc
cp ~/.zshrc.pre-oh-my-zsh ~/.zshrc
source ~/.zshrc

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"