๐…๋ฒˆ์งธ ์•ŒํŒŒ์นด์˜ ๊ฐœ๋ฐœ ๋‚™์„œ์žฅ

screen

[React] ๐…๋ฒˆ์งธ ์•ŒํŒŒ์นด์˜ ๊ฐœ๋ฐœ ๋‚™์„œ์žฅ ํ”„๋กœ์ ํŠธ

projects

React

count

๐…๋ฒˆ์งธ ์•ŒํŒŒ์นด์˜ ๊ฐœ๋ฐœ ๋‚™์„œ์žฅ ํ”„๋กœ์ ํŠธ ๐Ÿ”—

image

๐…๋ฒˆ์งธ ์•ŒํŒŒ์นด์˜ ๊ฐœ๋ฐœ ๋‚™์„œ์žฅ ํ”„๋กœ์ ํŠธ

๐Ÿ“™ Information ๐Ÿ”—

๐Ÿ’ฌ Language ๐Ÿ”—

๐Ÿงฑ Framework ๐Ÿ”—

๐Ÿ“ฆ Publish ๐Ÿ”—

๐Ÿ“š NodeJS Dependency ๐Ÿ”—

dependency ๐Ÿ”—

devdependency ๐Ÿ”—

๐Ÿ“‹ Contents ๐Ÿ”—

์–ด์ฉŒ๋‹ค ๋…ํ•™ํ•˜๊ฒŒ ๋œ React๋ฅผ ์œ ์˜๋ฏธํ•˜๊ฒŒ ์จ๋จน๊ธฐ์œ„ํ•ด ์ง์ ‘ ๋งŒ๋“  ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ.

์ •์  ๋ธ”๋กœ๊ทธ๋ฅผ ์œ„ํ•œ NextJS๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ฐœ๋ฐœํ–ˆ๋‹ค. Typescript๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, SCSS๋ฅผ ํ†ตํ•œ CSS-in-CSS ๋ฐฉ์‹์œผ๋กœ ๋””์ž์ธ์„ ๋ Œ๋”๋งํ•œ๋‹ค.

๋ผ์ฆˆ๋ฒ ๋ฆฌํŒŒ์ด๋ฅผ ๊ตฌ๋งคํ•˜๋ฉด์„œ ์„œ๋ฒ„ ๊ตฌ์ถ•์„ ์œ„ํ•ด ๊ฐ™์ด ๊ตฌ์ž…ํ•œ ๋„๋ฉ”์ธ itcode.dev๋ฅผ ์ ์šฉํ–ˆ๋‹ค. blog.itcode.dev๋กœ, ์„œ๋ธŒ๋„๋ฉ”์ธ blog๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค.


์ง์ ‘ ๊ฐœ๋ฐœํ•œ ๋ธ”๋กœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•จ์œผ๋กœ์จ ๋ธ”๋กœ๊ทธ ์šด์˜์— ์• ์ฐฉ์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์—ˆ๊ณ , ์ง์ ‘ ๊ฐœ๋ฐœํ•œ ๋งŒํผ ๊ฐœ๋ฐœ์ž์˜ ๋ฉด๋ชจ๋ฅผ ๋‚˜๋ฆ„๋Œ€๋กœ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ์–ด์„œ ์ข‹๋‹ค.

๐Ÿ“… Timeline ๐Ÿ”—

  • [์ง€๊ธˆ] ๋‹น์‹ ์—๊ฒŒ ์„ ๋ณด์ด๋‹ค..

  • [2021.10.08] ๊ธฐ๋Šฅ ๊ฐœ์„ 
    • ์Šคํฌ๋ฆฌ๋„ˆ๊ฐ€ ๋น„๋””์˜ค์ผ ๊ฒฝ์šฐ, ์ฒซ ๋น„๋””์˜ค๋กœ ๊ณ ์ •๋˜๋Š” ํ˜„์ƒ ๊ฐœ์„ 
    • ์ธ๋ฑ์Šค ํŽ˜์ด์ง€์˜ ๋น„๋™๊ธฐ ๋ฐ์ดํ„ฐ๋Ÿ‰ ์ตœ์ ํ™”
  • [2021.09.28] ๊ธฐ๋Šฅ ๊ฐœ์„ 
    • Footer์— Hits๋ฅผ ์ ์šฉํ•˜์—ฌ ๋ธ”๋กœ๊ทธ ๋ฐฉ๋ฌธ์ž ์ˆ˜ ์นด์šดํŒ… ๊ธฐ๋Šฅ ์ถ”๊ฐ€
    • Posts, Projects ๋ฆฌ์ŠคํŠธ๋ฅผ ๋ Œ๋”๋งํ•˜๋Š”๋ฐ ํ•„์š”ํ•œ ์ตœ์†Œํ•œ์˜ ๋ฐ์ดํ„ฐ๋งŒ์„ ๊ฐ€์ง€๋„๋ก ์ตœ์ ํ™”ํ•จ
    • ๋ฆฌ์ŠคํŠธ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์ „์ฒด ๋ฐ์ดํ„ฐ๋ฅผ ์š”๊ตฌํ•˜์ง€ ์•Š๋„๋ก ๋ณ€๊ฒฝ
    • ์ปจํ…์ธ  ์•„์ดํ…œ, ๋ฉ”ํƒ€์˜ ๊ธฐ๋ณธ ์ด๋ฏธ์ง€ ์ •์˜
  • [2021.09.27] ๊ธฐ๋Šฅ ๊ฐœ์„ 
    • Hits์˜ URL ํ‘œ์‹œ ๋ฐฉ์‹ ๋ณ€๊ฒฝ
    • ์ปจํ…์ธ  ๋ฆฌ์ŠคํŠธ๊ฐ€ ์ตœ์†Œํ•œ์˜ ๋ฐ์ดํ„ฐ๋งŒ ๊ฐ€์ง€๋„๋ก ๋ฐ์ดํ„ฐ ์ตœ์ ํ™”
  • [2021.09.25] ๊ธฐ๋Šฅ ๊ฐœ์„ 
    • ์Šคํฌ๋ฆฌ๋„ˆ๊ฐ€ ์ด๋ฏธ์ง€, ๋น„๋””์˜ค์— ๊ฐ๊ฐ ๋Œ€์‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ฐœ์„ 
    • Hits๋ฅผ ํ™œ์šฉํ•œ ๊ฒŒ์‹œ๊ธ€ ์กฐํšŒ์ˆ˜ ์ˆ˜ ์นด์šดํŒ… ๊ธฐ๋Šฅ ์ถ”๊ฐ€
  • [2021.09.20] ์Šคํฌ๋ฆฌ๋„ˆ ์ด๋ฏธ์ง€๋ฅผ ๋™์˜์ƒ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ณ€๊ฒฝ (GIF to WEBM)
  • [2021.09.18] ๋””์ž์ธ ๊ฐœ์„ 
    • ๋ชจ๋ฐ”์ผ ํ™”๋ฉด์—์„œ ์นดํ…Œ๊ณ ๋ฆฌ ํƒ€์ดํ‹€์˜ ์œ„์น˜ ์˜ค๋ฅ˜ ์ˆ˜์ •
    • SEO ์Šคํฌ๋ฆฝํŠธ๊ฐ€ .html ํ™•์žฅ์ž๋กœ ๋๋‚˜๋Š” ๊ฒŒ์‹œ๊ธ€์— ๋Œ€ํ•œ SEO ํŒŒ์ผ์„ ๋ณ„๋„๋กœ ์ƒ์„ฑํ•˜๋„๋ก ๊ฐœ์„ 
    • ์ผ๋ถ€ UI ๊ฐ€๋…์„ฑ ๊ฐœ์„ 
  • [2021.09.15] ๋””์ž์ธ ๊ฐœ์„ 
    • ์ƒˆ ์ปจํ…์ธ  ํ‘œ์‹œ ๋””์ž์ธ ๋ณ€๊ฒฝ
    • ์นดํ…Œ๊ณ ๋ฆฌ UI ๊ฐœ์„ 
  • [2021.09.14] ๋””์ž์ธ ๊ฐœ์„ 
    • ์Šคํฌ๋ฆฌ๋„ˆ ํ…์ŠคํŠธ ํฌ๊ธฐ ๋ณ€๊ฒฝ
    • ์ปจํ…์ธ  ์•„์ดํ…œ ํ…์ŠคํŠธ ํฌ๊ธฐ ์ถ•์†Œ
    • ์นดํ…Œ๊ณ ๋ฆฌ ์ด๋ฏธ์ง€๊ฐ€ ์ง๊ด€์ ์œผ๋กœ ๋ณด์ด๋„๋ก ์ ์ ˆํžˆ ์ˆ˜์ •
    • ์นดํ…Œ๊ณ ๋ฆฌ์˜ ์ค„ ๋‹น ์•„์ดํ…œ ์ˆ˜ ์ฆ๊ฐ€ (๋ฐ์Šคํฌํƒ‘, ๋ชจ๋ฐ”์ผ)
    • ๋ธ”๋กœ๊ทธ ๋ช…์นญ ๐…๋ฒˆ์งธ ์•ŒํŒŒ์นด์˜ ๊ฐœ๋ฐœ ๋‚™์„œ์žฅ์œผ๋กœ ๋ณ€๊ฒฝ
    • ํŽ˜์ด์ง€ ์ด๋™ ์‹œ ์Šคํฌ๋ฆฌ๋„ˆ ์ด๋ฏธ์ง€ ๋ณ€ํ•˜์ง€ ์•Š๋Š” ํ˜„์ƒ ์ˆ˜์ •
  • [2021.09.06] ๊ธฐ๋Šฅ ๊ฐœ์„ 
    • ๋กœ๋”ฉ ํ™”๋ฉด ๋””์ž์ธ ๊ฐœ์„ , Fade In/Out์œผ๋กœ ์ถœ๋ ฅ๋˜๋„๋ก ๋ณ€๊ฒฝ
    • ํ…Œ๋งˆ์— ๋”ฐ๋ฅธ Heading ํƒœ๊ทธ ์ปฌ๋Ÿฌ ๋ณ€๊ฒฝ
    • ServiceWorker ์ ์šฉ
  • [2021.09.06] ๋‹คํฌ๋ชจ๋“œ ์‹œ ํ—ค๋” ์ƒ‰์ƒ ๋ณ€๊ฒฝ
  • [2021.09.03] ๊ธฐ๋Šฅ ๊ฐœ์„ 
    • ์ปจํ…์ธ  ์ œ๋ชฉ UI ๊ฐœ์„ 
    • ์นดํ…Œ๊ณ ๋ฆฌ ํ•ญ๋ชฉ ์ค‘ ์ „์ฒด๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ALL ํ•ญ๋ชฉ ์ถ”๊ฐ€
  • [2021.08.30] ๊ธฐ๋Šฅ ๊ฐœ์„ 
    • ์ปค์Šคํ…€ ๋„๋ฉ”์ธ blog.itcode.dev ์ ์šฉ
    • ํ”„๋กœ์ ํŠธ์— ๊ต์ฒดํ•œ ๋„๋ฉ”์ธ ์ผ๊ด„ ์ ์šฉ
    • ๋นŒ๋“œ ๋ฒ„์ „ ์ƒ์„ฑ ์Šคํฌ๋ฆฝํŠธ ์ถ”๊ฐ€
    • ๋งํฌ ํƒœํฌ ํด๋ฆญ ์‹œ ์ƒˆ ์ฐฝ์—์„œ ๋œจ๋„๋ก ๊ฐœ์„ 
  • [2021.08.26] ๊ธฐ๋Šฅ ๊ฐœ์„ 
    • ์นดํ…Œ๊ณ ๋ฆฌ ์ ‘ํž™ ๋ฒ„๊ทธ ์ˆ˜์ •
    • ํ™”์งˆ ๋ฌธ์ œ๋กœ ์ธํ•œ WEBP to GIF ๋กค๋ฐฑ
    • ์ธ๋ฑ์Šค ํŽ˜์ด์ง€ ๋””์ž์ธ ์˜ค๋ฅ˜ ์ˆ˜์ •
  • [2021.08.24] ์Šคํƒ€์ผ ๊ฐœ์„ 
    • Footer SEO ๋ฒ„ํŠผ ์ถ”๊ฐ€
    • ํ—ค๋” ์ปฌ๋Ÿฌ ๋ณ€๊ฒฝ
  • [2021.08.20] ๋‹ค์Œ ์›น๋งˆ์Šคํ„ฐ ๋„๊ตฌ ๋“ฑ๋ก
  • [2021.08.19] ์šฉ๋Ÿ‰ ์ตœ์ ํ™”
    • ์šฉ๋Ÿ‰ ์ €๊ฐ์„ ์œ„ํ•œ GIF to WEBP ๊ต์ฒด
    • ํฐํŠธ ์šฉ๋Ÿ‰ ์ €๊ฐ์„ ์œ„ํ•œ ์„œ๋ธŒ์…‹ํ™”
  • [2021.08.17] ์ผ์ฃผ์ผ ์ด๋‚ด ๊ฒŒ์‹œ๊ธ€ ํ•˜์ด๋ผ์ดํŒ… ๊ธฐ๋Šฅ ์ถ”๊ฐ€
  • [2021.08.13] PrismJS ์Šคํƒ€์ผ ๊ฐœ์„ 
    • ์ฝ”๋“œ ๋””์ž์ธ ๋ฐ ์ƒ‰์ƒ ๊ฐœ์„ 
    • LaTex ์ธ์‹ ๋กœ์ง ์ถ”๊ฐ€
  • [2021.08.11] ์ฝ”๋“œ๋ธ”๋Ÿญ ๋””์ž์ธ ๊ฐœ์„ 
    • ์ „์ฒด์ ์ธ ์™ธ๊ด€ ๊ฐœ์„ 
    • ์‚ฌ์šฉ ์ค‘์ธ ์–ธ์–ด ํ‘œ์‹œ
    • ์ฝ”๋“œ ๋ผ์ธ ์ˆ˜ ํ‘œ์‹œ
    • ๋งˆ์šฐ์Šค ์˜ค๋ฒ„ ์‹œ ํ•˜์ด๋ผ์ดํŒ… ์ถ”๊ฐ€
    • ๋ณต์‚ฌ ๋ฒ„ํŠผ ์ถ”๊ฐ€
  • [2021.08.05] UI ๊ฐฑ์‹ 
    • ์นดํ…Œ๊ณ ๋ฆฌ ๋†’์ด ๋ณ€๊ฒฝ
    • ๋ชจ๋ฐ”์ผ ํ…Œ๋งˆ UI ์Šค์œ„์น˜๋ฅผ Sidebar๋กœ ํŽธ์ž…
    • ์ฟ ํ‚ค๋ฅผ ํ†ตํ•œ ํ…Œ๋งˆ ์ €์žฅ ๊ธฐ๋Šฅ ์ถ”๊ฐ€
  • [2021.07.31] ํŽ˜์ด์ง€ ์ด๋™ ์‹œ ์ถœ๋ ฅ๋˜๋Š” ๋กœ๋”ฉ ์ปดํฌ๋„ŒํŠธ ์ถ”๊ฐ€
  • [2021.07.26] ๋ชจ๋ฐ”์ผ ๋ฉ”๋‰ด ๊ฐœ์„ 
    • ๊ธฐ์กด์˜ BottomNavigator์—์„œ Sidebar๋กœ ๊ต์ฒด
  • [2021.07.25] ๊ฐœํŽธ ๋ธ”๋กœ๊ทธ ๋ฐฐํฌ
    • Typescript ์ ์šฉ
    • SCSS๋กœ ๋ฆฌํŒฉํ† ๋งํ•˜์—ฌ CSS-in-CSS ๋ฐฉ์‹์˜ ๋ Œ๋”๋ง์„ ์‚ฌ์šฉํ•˜์—ฌ FOUC ํ˜„์ƒ ์ œ๊ฑฐ
    • ๋ธ”๋กœ๊ทธ ๋””์ž์ธ ์ „๋ฉด ๊ฐœํŽธ
    • ์ปดํฌ๋„ŒํŠธ ์„ธ๋ถ„ํ™”
    • ํŒŒ์ผ ๊ตฌ์กฐ ์ •๋ฆฝ
  • [2021.06.07] Google Analytics ๋“ฑ๋ก
  • [2021.05.27] SEO ์ƒ์„ฑ ์Šคํฌ๋ฆฝํŠธ ๊ฐœ๋ฐœ
    • JavaScript ๊ธฐ๋ฐ˜ ์ƒ์„ฑ ์Šคํฌ๋ฆฝํŠธ
    • Sitemap, RSS ์ƒ์„ฑ
  • [2021.05.20] Utterances ๋Œ“๊ธ€ ํ”Œ๋Ÿฌ๊ทธ์ธ ์ ์šฉ
    • ๊ธฐ์กด์— ์‚ฌ์šฉ ์ค‘์ด๋˜ Disqus๋Š” ๊ด‘๊ณ  ์ด์Šˆ๋กœ ์ธํ•ด ๊ต์ฒดํ•จ
  • [2021.05.18] ๋งˆํฌ๋‹ค์šด CSS ์ถ”๊ฐ€
  • [2021.05.10] ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ ๊ฐœ๋ฐœ ์‹œ์ž‘
    • NextJS, GatsbyJS ํ…Œ์ŠคํŠธ ์šด์˜ ๋ฐ ๋ฐฐํฌ
    • NextJS ์ฑ„ํƒ
    • JavaScript, Material-UI๋ฅผ ํ™œ์šฉํ•œ CSS-in-JS ๋ฐฉ์‹์˜ ๋ Œ๋”๋ง ์‚ฌ์šฉ
    • ๋ธ”๋กœ๊ทธ ์ปดํฌ๋„ŒํŠธ ๊ฐœ๋ฐœ
    • ์›น/๋ชจ๋ฐ”์ผ ๊ฐ„์˜ ๋ฐ˜์‘ํ˜• ์ง€ํ–ฅ
  • [2020.08.13] ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ ๋ฐฐํฌ
    • Jekyll ๊ธฐ๋ฐ˜ ๋ธ”๋กœ๊ทธ
    • Moon Theme ์ ์šฉ

๐ŸŒ Page ๐Ÿ”—

๐Ÿ“„ ๊ด€๋ จ ๋ฌธ์„œ ๐Ÿ”—