바로바로 바이브 코딩 with 커서 AI

바로바로 바이브 코딩 with 커서 AI · 03장 커서로 문서, 프레젠테이션, 학습 자료 만들어보기 · 03.2 커서로 시각화 문서 작업해보기

바로 11 수학 수식 쉽게 입력하기

박현규27 / 35절읽는 시간 약 2분

이번에는 수학 수식을 쉽게 입력해서 문서를 작성하겠습니다. 놀랍게도 마크다운으로 수학 수식을 쉽게 입력할 수 있습니다. 바로 시작해봅시다.

NOTE

수학 수식은 사실 자주 입력할 일은 없습니다. 하지만 연구하는 사람들을 위해 도서에 소개했습니다.

  1. 커서에게 피타고라스 정리의 증명 과정을 중학교 1학년 학생에게 가르쳐줄 용도로 작성해보자고 합니다. 이때 수학 수식도 꼭 추가해달라고 하겠습니다. 피타고라스 정리는 워낙 유명하기 때문에 서치를 할 필요가 없으므로 [Ask]나 [Plan] 모드로 시작할 필요는 없겠네요. [Agent] 모드로 커서에게 다음과 같이 프롬프팅하겠습니다.

프롬프트

피타고라스 정리의 증명 과정을 중학교 1학년 학생에게 가르쳐주려고 하는데 수식과 함께 그 과정을 설명한 마크다운 문서를 작성해줘.

실습 화면 1

그러면 커서가 빠르게 마크다운으로 문서를 작성해줍니다. 그리고 텍스트를 자세히 보면 수학 수식을 $$a^2 + b^2 = c^2$$와 같이 작성해주었는데 이것이 바로 마크다운상에서 작성한 수학 수식입니다. 이것을 렌더링한 문서로 보면 됩니다.

  1. Ctrl + Shift + P를 누르고 markdown을 검색해서 [Open Preview to the Side] 메뉴를 누르면 멋진 학습 자료가 보입니다. 자세히 보면 예제와 정답까지 만들어주는 모습을 볼 수 있습니다. 수식도 정확합니다.

    실습 화면 2

이 과정을 통해 ‘커서가 여러분이 보고 있는 화면을 다 알고 있다’라는 의미와 ‘다양한 문서 작업을 할 수 있다’는 사실을 잘 이해했기 바랍니다. 이제 기본 연습 과정은 끝났습니다. 다음 장부터 본격적인 개발 지식을 공부하면서 바이브 코딩을 시작하겠습니다.

바로 핵심 요약

  • Mermaid 확장 프로그램을 설치하면 텍스트 코드를 이용해 마인드맵을 그릴 수 있습니다.
  • draw.io 확장 프로그램을 사용하면 커서 안에서 그래픽 도구를 이용해 흐름도를 그릴 수 있습니다. 커서가 그려준 흐름도를 사용자가 직접 수정할 수도 있어 매우 편리합니다.
  • 마크다운은 수학 수식 입력도 지원합니다. 커서에게 수식이 포함된 설명 자료를 요청하면, 복잡한 수식 문법을 일일이 찾지 않아도 깔끔한 수식이 포함된 문서를 작성해줍니다.
바로바로 바이브 코딩 with 커서 AI
글자 크기