STUDY ๐Ÿ“š/FrontEnd

Flex ์ปจํ…Œ์ด๋„ˆ์— ์ ์šฉํ•˜๋Š” ์†์„ฑ justify-content → ๋ฉ”์ธ์ถ•(๊ฐ€๋กœ) ๋ฐฉํ–ฅ์œผ๋กœ ์•„์ดํ…œ๋“ค์„ ์ •๋ ฌ flex-start : ์‹œ์ž‘์  ์ •๋ ฌ flex-end : ๋์  ์ •๋ ฌ center : ๊ฐ€์šด๋ฐ ์ •๋ ฌ space-between : ์•„์ดํ…œ๋“ค ์‚ฌ์ด์— ๊ท ์ผํ•œ ๊ฐ„๊ฒฉ์„ ๋งŒ๋“ค์–ด ์ •๋ ฌ space-evenly : ์•„์ดํ…œ๋“ค์˜ ์‚ฌ์ด์™€ ์–‘ ๋์— ๊ท ์ผํ•œ ๊ฐ„๊ฒฉ์„ ๋งŒ๋“ค์–ด ์ •๋ ฌ space-around : ์•„์ดํ…œ๋“ค์˜ ๋‘˜๋ ˆ์— ๊ท ์ผํ•œ ๊ฐ„๊ฒฉ์„ ๋งŒ๋“ค์–ด ์ •๋ ฌ align-items → ์ˆ˜์ง์ถ•(์„ธ๋กœ) ๋ฐฉํ–ฅ์œผ๋กœ ์•„์ดํ…œ๋“ค์„ ์ •๋ ฌ flex-start : ์‹œ์ž‘์  ์ •๋ ฌ flex-end : ๋์  ์ •๋ ฌ center : ๊ฐ€์šด๋ฐ ์ •๋ ฌ stretch : ์ˆ˜์ง์ถ• ๋ฐฉํ–ฅ์œผ๋กœ ๋๊นŒ์ง€ ๋Š˜์–ด๋‚จ flex-direction → ๋ฐฐ์น˜๋˜๋Š” ์ถ•์˜ ๋ฐฉํ–ฅ์„ ๊ฒฐ์ • row : ๊ฐ€๋กœ ๋ฐฉํ–ฅ์œผ๋กœ..
Katex : ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ˆ˜ํ•™ ํ‘œ๊ธฐ๋ฒ•์„ ํ‘œ์‹œํ•˜๋Š” ๋ธŒ๋ผ์šฐ์ € ๊ฐ„ JavaScript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋น ๋ฅด๊ณ  ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฌ์šด ๊ฒƒ์— ํŠนํžˆ ์ค‘์ ์„ ๋‘  PlantUML : ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๋น ๋ฅด๊ฒŒ ์ž‘์„ฑํ•˜๊ธฐ ์œ„ํ•œ ์˜คํ”ˆ ์†Œ์Šค ํ”„๋กœ์ ํŠธ ๐Ÿ‘‡๐Ÿป ๋งํฌ ๊ฐ„๋‹จํ•œ ํ…์ŠคํŠธ๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ฉ‹์ง„ UML ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ์˜คํ”ˆ์†Œ์Šค ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ๊ฐ„๋‹จํ•œ ํ…์ŠคํŠธ๋ฅผ ์ด์šฉํ•˜์—ฌ ์‰ฝ๊ฒŒ ๋ฉ‹์ง„ UML ๋‹ค์ด์–ด๊ทธ๋žจ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋‹ค์–‘ํ•œ ์ข…๋ฅ˜์˜ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ์ œ๊ณตํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ์ƒ์„ฑ๋œ ๋‹ค์ด์–ด๊ทธ๋žจ์„ PNG, LaTeX, EPS, SVG ์™€ ๊ฐ™์€ ์ด๋ฏธ์ง€๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ plantuml.com ์ฝ”๋“œ HTML # ์•ˆ๋…•ํ•˜์„ธ์š”. ## ๋ฐ˜๊ฐ€์›Œ์š”. - ํ•˜ํ•˜ - ํ˜ธํ˜ธ - ํžˆํžˆ # ์ž๋ฐ” ```java // ์ฃผ์„์ž…๋‹ˆ๋‹ค. int a = 10; int b = 20; Syste..
๋งํฌ GitHub - nhn/tui.editor: ๐Ÿž๐Ÿ“ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. ๐Ÿž๐Ÿ“ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. - GitHub - nhn/tui.editor: ๐Ÿž๐Ÿ“ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. github.com ์ฝ”๋“œ HTML # ์•ˆ๋…•ํ•˜์„ธ์š”. ## ๋ฐ˜๊ฐ€์›Œ์š”. - ํ•˜ํ•˜ - ํ˜ธํ˜ธ - ํžˆํžˆ # ์ž๋ฐ” ```java // ์ฃผ์„์ž…๋‹ˆ๋‹ค. int a = 10; int b = 20; System.out.println(a + b); ``` ```html ``` ..
ToastUI : NHN์—์„œ ์ง€์›ํ•˜๋Š” ๋ฌด๋ฃŒ ์œ„์ง€์œ… ์—๋””ํ„ฐ ๐Ÿ‘‡๐Ÿปํ† ์ŠคํŠธ UI ์—๋””ํ„ฐ ๊ฐœ์š” ๋ฐ ํŠœํ† ๋ฆฌ์–ผ TOAST UI Editor 3.0์ด ์ถœ์‹œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค! TOAST UI Editor 2.0์„ ์ถœ์‹œํ•˜๋ฉฐ ์—๋””ํ„ฐ์—๋Š” ๋งˆํฌ๋‹ค์šด ํŒŒ์‹ฑ์˜ ์ •ํ™•๋„์™€ ์„ฑ๋Šฅ ํ–ฅ์ƒ, ๊ตฌ๋ฌธ ๊ฐ•์กฐ ๊ธฐ๋Šฅ ์ถ”๊ฐ€, ์Šคํฌ๋กค ์‹ฑํฌ์˜ ์ •ํ™•๋„ ํ–ฅ์ƒ ๋“ฑ ๊ด„๋ชฉํ•  ๋งŒํ•œ ๊ฐœ์„  ์‚ฌํ•ญ๋“ค์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ด๋Ÿฌํ•œ ์„ฑ๊ณผ๋Š” ui.toast.com GitHub - nhn/tui.editor: ๐Ÿž๐Ÿ“ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. ๐Ÿž๐Ÿ“ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. - GitHub - nhn/tui.edito..
daxx0ne
'STUDY ๐Ÿ“š/FrontEnd' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก