๊ณต์‚ฌ ์ง„์ฒ™๋„
ย - Last update: 2023-05-02

ํ˜„์žฌ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” vite-pages-react-pages๊ฐ€ ๊ทธ๋ƒฅ ๋ง‰ ์‚ฌ์šฉํ•˜๊ธฐ์—๋Š” ์ข‹์€๋ฐ, ์ด๊ฒƒ์ €๊ฒƒ ๊ณ ์น˜๋ ค๋‹ˆ๊นŒ ๋‚˜๋ฆ„ ์†์ด ๋งŽ์ด ๊ฐ€๋Š” ์ค‘.

๊ทธ๋Œ€๋กœ ๋‘๊ธฐ์—๋Š” ์• ๋งคํ•˜๋‹ˆ, ์ •๋ฆฌ ๋ฆฌ์ŠคํŠธ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์ •๋น„ํ•ด์•ผ๊ฒ ๋‹ค.

Working

  • utterances -> giscus ์ด์ „
  • Header ์ž๋™ ์‚ฝ์ž…
  • ์ตœ๊ทผ ๊ธ€ ๋ฆฌ์ŠคํŠธ ์‚ฝ์ž…
  • Tag ์ •๋น„
    • ๊ธ€๋งˆ๋‹ค ํƒœ๊ทธ ๋„ฃ์–ด์•ผ ํ•˜๊ณ , ํƒœ๊ทธ๋ณ„๋กœ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๊ณ , ๊ธ€ ํ•˜๋‹จ์— ํƒœ๊ทธ ๋ฆฌ์ŠคํŠธ ์ถœ๋ ฅ
  • ๊ธ€ ๋ชฉ๋ก์„ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“œ๋Š” ํŽ˜์ด์ง€
    • ๊ฐ ์นดํ…Œ๊ณ ๋ฆฌ ๋ณ„๋กœ ์žˆ์œผ๋ฉด ์ข‹์„ ๋“ฏ
  • ํ…Œ๋งˆ ๋‚ด๋ถ€์ ์œผ๋กœ ๋ณ€๊ฒฝ ์‚ฌ์šฉ
    • 3์ฐจ ํ•˜์œ„ํŽ˜์ด์ง€ ๋…ธ์ถœ ์•ˆํ•˜๋„๋ก ๋ณ€๊ฒฝ
    • ์นด์šดํŠธ ๋…ธ์ถœํ•˜๋„๋ก ๋ณ€๊ฒฝ
    • 3์ฐจ ์ดํ•˜ ํŽ˜์ด์ง€ ์„ ํƒ์‹œ ์ƒ์œ„ ์นดํ…Œ๊ณ ๋ฆฌ ์„ ํƒ๋œ UI ๋…ธ์ถœ
  • ์นดํ…Œ๊ณ ๋ฆฌ ๋ณ„๋กœ ์นด์šดํŠธ ์ ์šฉ
  • Footer ์ •๋น„
  • import ์•ˆ๋˜๋Š” lib ๋“ค ํ™•์ธ. Math / Graph ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ถ”๊ฐ€ ํ•„์š”..
  • Latex ์ ์šฉ
  • Mermaid ์ ์šฉ
  • Design Pattern ๊ทธ๋ฆด ์ˆ˜ ์žˆ๊ฒŒ ์ค€๋น„
  • BA ๊ณก ์ถ”๊ฐ€
  • PageView ์ค‘๋ณต ํ˜„์ƒ useState๋กœ ๋ง‰๊ธฐ
  • katex, mermaid๋ฅผ built-in์œผ๋กœ.. ์ผ๋‹จ vite plugin์„ built-inํ™” ์‹œํ‚ค๋Š” ๊ฒƒ์„ ๊ณ ๋ฏผ..
  • Loading Animation, Transition, ์ƒˆ๋กœ์šด ccs ํ‘œ์ค€์œผ๋กœ?
  • Code ์กฐ๊ฐ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ํŽ˜์ด์ง€ ์‹ ๊ทœ ๊ฐœ๋ฐœ

Pending

  • ๊ฐœ์ธ ์†Œ๊ฐœ ํŽ˜์ด์ง€ ์ž‘์„ฑ
  • OTP ํŽ˜์ด์ง€ ์ž‘์„ฑ
  • Coding Note ๊ฐœ์„ . ํด๋”๋ณ„๋กœ ๋นŒ๋“œํ•ด์„œ Viewer์— ์—ฐ๊ฒฐ.. API ์ฒ˜๋Ÿผ ํ™œ์šฉํ•ด์„œ ๊ฐ€์ ธ์˜ค๊ธฐ? (React Component๋กœ ์ฟผ๋ฆฌํ•ด์„œ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์„ ๋“ฏ)
  • ๋‹คํฌ ํ…Œ๋งˆ ์ ์šฉ
  • Counter
  • ์šฐ์ธก ๋ฉ”๋‰ด์— ์ตœ๊ทผ ๊ธ€?

๊ณต์‚ฌ ์›์น™

  • ๋ชจ๋“  ์ปดํฌ๋„ŒํŠธ๋“ค์€ 10๋…„ ์“ธ ์ƒ๊ฐ์œผ๋กœ ๊น”๋”ํ•˜๊ฒŒ ๋ชจ๋“ˆํ™”
    • ๋‚˜์ค‘์— ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“  ๊ฒƒ ๊ธฐ๋ฐ˜์œผ๋กœ npm ๊ณต๊ฐœ๋„..
    • React ์ปดํฌ๋„ŒํŠธ๋“ค์€ ์žฌํ™œ์šฉ์ด ์‰ฌ์šฐ๋‹ˆ ๋‹ค์–‘ํ•˜๊ฒŒ ๋งŒ๋“ค์–ด์„œ ํ™œ์šฉํ•˜์ž.
      • ๋‚จ์ด ๋งŒ๋“ ๊ฑด ์ž˜ ๋ชป์“ฐ๊ฒ ๋‹ค. -,.-