Material-ui: λΈ”λ‘œκ·Έ λ ˆμ΄μ•„μ›ƒ 예제의 마크 λ‹€μš΄μ΄ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2018λ…„ 11μ›” 03일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: mui-org/material-ui

λΈ”λ‘œκ·Έ 예제 νŽ˜μ΄μ§€μ—μ„œ νŒŒμΌμ„ λΆ™μ—¬ λ„£μ—ˆμ§€λ§Œ .md 파일이 ν™”λ©΄μ—λ‘œλ“œλ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

λ‚˜μ—κ²Œ μ–΄λ–»κ²Œ λ‚˜νƒ€λ‚˜λŠ”μ§€λ³΄μ‹­μ‹œμ˜€.

λ‚΄κ°€ λ„λŒ€μ²΄ β€‹β€‹λ­˜ 잘λͺ»ν•˜κ³ μžˆλŠ” κ²λ‹ˆκΉŒ?

λˆ„κ΅¬λ“ μ§€ λ‚˜λ₯Ό λ„μšΈ 방법을 μ•Œκ³  μžˆμŠ΅λ‹ˆκΉŒ?

λŒ€λ‹¨νžˆ κ°μ‚¬ν•©λ‹ˆλ‹€.
마λ₯΄μ½”

image

question

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

@Marcosul create-react-app이 마크 λ‹€μš΄ ν˜•μ‹μ„ μ§€μ›ν•˜μ§€ μ•ŠλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€ : https://github.com/facebook/create-react-app/issues/3722. 두 가지 ν•΄κ²° 방법을 생각할 수 μžˆμŠ΅λ‹ˆλ‹€.

  • 마크 λ‹€μš΄ νŒŒμΌμ„ 마크 λ‹€μš΄μ„ λ¬Έμžμ—΄λ‘œ λ‚΄λ³΄λ‚΄λŠ” JavaScript λͺ¨λ“ˆλ‘œ λ³€ν™˜ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
--- a/blog-post.md
+++ b/blog-post.md.js
-## Sample blog post

-#### April 1, 2020 by Olivier

-This blog post shows a few different types of content that are supported and styled with
-Material styles. Basic typography, images, and code are all supported.
-You can extend these by modifying `Markdown.js`.
+export default `
+## Sample blog post

+#### April 1, 2020 by Olivier

+This blog post shows a few different types of content that are supported and styled with
+Material styles. Basic typography, images, and code are all supported.
+You can extend these by modifying `Markdown.js`.
+`;
  • 이 μ›ΉνŒ© λ‘œλ”λ₯Ό κΊΌλ‚΄κ³  μΆ”κ°€ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

λͺ¨λ“  3 λŒ“κΈ€

@Marcosul 번 λ“€λŸ¬ κ°€ 마크 λ‹€μš΄μ˜ μ½˜ν…μΈ λ₯Όλ‘œλ“œν•˜λŠ” 데 λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€. 파일 μ΄λ¦„μ—μ„œ μ€‘μ§€λ©λ‹ˆλ‹€.

https://github.com/mui-org/material-ui/blob/7e32503b40a57f42f906add50a2ace9341aa0895/docs/src/pages/page-layout-examples/blog/Blog.js#L17 -L20

μ›ΉνŒ©μ„ μ‚¬μš©ν•˜λŠ” 경우 마크 λ‹€μš΄ ν™•μž₯ ( .md )을 μ²˜λ¦¬ν•˜λ„λ‘ raw-loader λ₯Ό ꡬ성 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

μ•ˆλ…•ν•˜μ„Έμš” Oliver, μ €λŠ” μ›ΉνŒ©μ„ μ‚¬μš©ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. λ‚˜λŠ” react-create-app을 μ‚¬μš©ν–ˆμŠ΅λ‹ˆλ‹€.
mui wue의 μ €μž₯μ†Œμ—λŠ” μ›ΉνŒ©μ΄ μ—†μŠ΅λ‹ˆλ‹€. μ–΄λ–»κ²Œν•΄μ•Όν•©λ‹ˆκΉŒ?

감사

Em Dom, 2018 λ…„ 11 μ›” 4 일 09:31, Olivier Tassinari [email protected]
escreveu :

@Marcosul https://github.com/Marcosul 번 λ“€λŸ¬μ— λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€.
마크 λ‹€μš΄μ˜ λ‚΄μš©μ„λ‘œλ“œν•˜λ©΄ 파일 μ΄λ¦„μ—μ„œ μ€‘μ§€λ©λ‹ˆλ‹€.

https://github.com/mui-org/material-ui/blob/7e32503b40a57f42f906add50a2ace9341aa0895/docs/src/pages/page-layout-examples/blog/Blog.js#L17 -L20

μ›ΉνŒ©μ„ μ‚¬μš©ν•˜λŠ” 경우 μ›μ‹œ λ‘œλ”λ₯Ό ꡬ성 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
마크 λ‹€μš΄ 처리λ₯Όμœ„ν•œ https://github.com/webpack-contrib/raw-loader
ν™•μž₯자 (.md).

β€”
당신이 μ–ΈκΈ‰ λ˜μ—ˆκΈ° λ•Œλ¬Έμ— 이것을 λ°›κ³  μžˆμŠ΅λ‹ˆλ‹€.
이 이메일에 직접 λ‹΅μž₯ν•˜κ³  GitHubμ—μ„œ ν™•μΈν•˜μ„Έμš”.
https://github.com/mui-org/material-ui/issues/13501#issuecomment-435661845 ,
λ˜λŠ” μŠ€λ ˆλ“œ μŒμ†Œκ±°
https://github.com/notifications/unsubscribe-auth/AEfuIsetDNby_ZrJfYIS-kyA1aIa2nqIks5urs_4gaJpZM4YNAFA
.

@Marcosul create-react-app이 마크 λ‹€μš΄ ν˜•μ‹μ„ μ§€μ›ν•˜μ§€ μ•ŠλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€ : https://github.com/facebook/create-react-app/issues/3722. 두 가지 ν•΄κ²° 방법을 생각할 수 μžˆμŠ΅λ‹ˆλ‹€.

  • 마크 λ‹€μš΄ νŒŒμΌμ„ 마크 λ‹€μš΄μ„ λ¬Έμžμ—΄λ‘œ λ‚΄λ³΄λ‚΄λŠ” JavaScript λͺ¨λ“ˆλ‘œ λ³€ν™˜ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
--- a/blog-post.md
+++ b/blog-post.md.js
-## Sample blog post

-#### April 1, 2020 by Olivier

-This blog post shows a few different types of content that are supported and styled with
-Material styles. Basic typography, images, and code are all supported.
-You can extend these by modifying `Markdown.js`.
+export default `
+## Sample blog post

+#### April 1, 2020 by Olivier

+This blog post shows a few different types of content that are supported and styled with
+Material styles. Basic typography, images, and code are all supported.
+You can extend these by modifying `Markdown.js`.
+`;
  • 이 μ›ΉνŒ© λ‘œλ”λ₯Ό κΊΌλ‚΄κ³  μΆ”κ°€ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰

κ΄€λ ¨ 문제

reflog picture reflog  Β·  3μ½”λ©˜νŠΈ

activatedgeek picture activatedgeek  Β·  3μ½”λ©˜νŠΈ

FranBran picture FranBran  Β·  3μ½”λ©˜νŠΈ

ghost picture ghost  Β·  3μ½”λ©˜νŠΈ

sys13 picture sys13  Β·  3μ½”λ©˜νŠΈ