web: https://marp.app/
via: https://www.youtube.com/watch?v=Q2PCO0mKEaU
먼저 Visual Studio Code에 Marp for VS Code를 설치.

아래 내용을 .md 파일로 저장하여, ‘측면에서 미리 보기 열기(Ctrl + K V)’를 열면 OK!


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 | --- marp: true # theme: gaia # class: invert # paginate: true # header: Awesome Header! # footer: Copyright 2023. **Archmond** All right reserved. --- # Hello Marp! ## Markdown Presentation ecosystem 마크다운으로 프레젠테이션을 만들어보자! web: https : //marp.app/ via: https : //www.youtube.com/watch?v=Q2PCO0mKEaU --- # Create another slide 다음 슬라이드를 추가하려면 ```---```를 넣으면 OK입니다! # Marp ships with two another themes Marp에는 기본적으로 uncover , gaia라는 테마가 제공됩니다. ```theme : uncover or gaia``` --- # Class directive we can get dark mode ```class : invert```으로 다크모드로 전환하는 것이 가능합니다. # add page numbers to presentation ```paginate : true ```으로 프레젠테이션에 페이지 번호를 넣을 수 있습니다. # a footer or header to all slides ```footer```와```header```로 푸터와 헤더를 넣을 수 있습니다. --- # add a background image to slide ! [ bg right ] (https : //assets.st-note.com/production/uploads/images/51957246/rectangle_large_type_2_a4346e0af597ee8b694e86a56f6238c7.jpg?width=2000&height=2000&fit=bounds&quality=85) ```! [ bg ] (URL)```으로 배경을 넣는다. ```! [ bg right ] (URL)```으로 오른쪽으로 배치할 수 있다. --- # size images ! [ w : 400 ] (https : //pbs.twimg.com/media/FQntwfNagAAfV0m?format=jpg&name=900x900) ! [ w : 250 ] (https : //pbs.twimg.com/media/FQntwfNagAAfV0m?format=jpg&name=900x900) ```! [ w : 500 ] (URL)```와 같이 이미지의 크기를 지정할 수 있다. --- # Marp support Code Highlighting \```Code``` ```java class HelloWorld { public static void main(String [ ] args) { System.out.println( "Hello, World!" ); } } ``` --- # Related link ## community themes https: //github.com/topics/marp-themes ## Marpit: Markdown slide deck framework https: //marpit.marp.app/markdown --- # Export - PDF Slide - HTML Slide - PowerPoint Slide ※ PNG/JPG Image(First slide only) |