231107 Tue - TWID (Today What I did)

2023. 11. 8. 11:11ยท ๊ฐœ๋ฐœ/๐Ÿ“ TIL
๋ชฉ์ฐจ
  1. ์˜ค๋Š˜ ํ•œ ์ผ
  2. ์งง์€ ๋ฆฌ๋ทฐ
  3. ๋‚ด์ผ ํ•  ์ผ
728x90
๋ฐ˜์‘ํ˜•

์˜ค๋Š˜ ํ•œ ์ผ

  • ๐Ÿ’ป ํ”Œ๋Ÿฌํ„ฐ ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฆฌ์•กํŠธ๋กœ ์ „ํ™˜ํ•˜๋Š” ์ž‘์—… #1 ๋ชจ๋‹ฌ ํŒ์—…์ฐฝ ๋งŒ๋“ค๊ธฐ

๊ธฐํš์„œ์—†์ด ์ด๋ฏธ ๋ฐฐํฌ๋˜์–ด์žˆ๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ์ผ์ผํžˆ ๋“ค์–ด๊ฐ€์„œ ํ™•์ธํ•ด๋ณด๋ฉด์„œ ํ•„์š”ํ•œ ๋ถ€๋ถ„์„ ์ž‘์„ฑํ–ˆ๋‹ค. 

styledComponents์™€ customhook์„ ์‚ฌ์šฉํ•ด์„œ ์ž‘์„ฑํ–ˆ๋Š”๋ฐ, ๋Š˜ ์ƒ๊ฐํ•˜๋Š”๊ฑฐ์ง€๋งŒ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ถ„๋ฆฌํ•ด์„œ ์žฌํ™œ์šฉํ•ด์„œ ์“ฐ๋Š” ๊ฑด ์ •๋ง ์ฆ๊ฑฐ์šด ์ผ์ธ ๋“ฏ ํ•˜๋‹ค. 

 

  • ๊ณต๋ถ€ : leetCode ์ฝ”ํ…Œ ํ’€์ด 
  • ๐Ÿ’ช๐Ÿป ์šด๋™ : ์–ด๊นจ - ๋“ฑ - ์œ ์‚ฐ์†Œ 
  • ๐Ÿ“– ๋ˆ„๊ตฌ๋‚˜ ์ž๋ฃŒ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ 

 

 

์งง์€ ๋ฆฌ๋ทฐ

styledComponents์™€ customhook์„ ์•„์ฃผ ๋ง›๊น”(?!)๋‚˜๊ฒŒ ์“ด ์„ ์ž„๋•๋ถ„์— '์˜ค-๐Ÿ˜ณ ์ฝ”๋“œ๋ฅผ ์ด๋ ‡๊ฒŒ๋„ ์งค ์ˆ˜ ์žˆ๋„ค!?' ๋ผ๋Š” ์ƒ๊ฐ์„ ํ–ˆ๋‹ค.

๋งจ๋‚  ๋ณด๋˜ ๋ฐ˜๋ณต๋˜๋˜ ํ…œํ”Œ๋ฆฟ์šฉ ์ฝ”๋“œ๊ฐ€ ์•„๋‹ˆ๋ผ ์ƒˆ๋กœ ์งœ์•ผํ•˜๋Š” ์ฝ”๋“œ๋“ค์ด๋ผ์„œ ์˜ค๋žœ๋งŒ์— ์ง„์งœ ๋‚ ๊ฒƒ์„ ํ•˜๋Š” ๊ธฐ๋ถ„์„ ๋А๊ผˆ๋‹ค. ๊ทธ์™€ ๋™์‹œ์— ๋‚ด๊ฐ€ ์ง  ์ฝ”๋“œ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋™๋ฃŒ๊ฐ€ ๋””ํ…Œ์ผํ•œ ๋ถ€๋ถ„์„ ๋” ์žก์•„ ์ค„ ์˜ˆ์ •์ด๋ผ์„œ ์ฝ”๋“œ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ์จ์•ผ๊ฒ ๋‹ค! ๋ผ๊ณ  ๋‹ค์ง ๋˜ ๋‹ค์ง์„ ํ•จ. 

 

 

 

๋‚ด์ผ ํ•  ์ผ

  • LeetCode ์ฝ”ํ…Œ ํ’€๊ธฐ 
  • ๐Ÿ’ช๐Ÿป ์—‰๋ฉ์ด - ์œ ์‚ฐ์†Œ (์œ ์‚ฐ์†Œ ์œ„์ฃผ๋กœ)
  • ๐Ÿ“– ๋ˆ„๊ตฌ๋‚˜ ์ž๋ฃŒ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ 2์žฅ๊นŒ์ง€ ์ฝ๊ณ  ์ •๋ฆฌํ•˜๊ธฐ 

 

728x90

'๊ฐœ๋ฐœ > ๐Ÿ“ TIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

231109 Thur - TWID (Today What I did)  (0) 2023.11.10
231108 Wed - TWID (Today What I did)  (0) 2023.11.08
2023 10์›”) ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž์˜ ํšŒ๊ณ ๋ก  (0) 2023.11.03
2023 9์›”) ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž์˜ ํšŒ๊ณ ๋ก  (2) 2023.10.06
2023 8์›”) ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž์˜ ํšŒ๊ณ ๋ก  (0) 2023.09.03
  1. ์˜ค๋Š˜ ํ•œ ์ผ
  2. ์งง์€ ๋ฆฌ๋ทฐ
  3. ๋‚ด์ผ ํ•  ์ผ
'๊ฐœ๋ฐœ/๐Ÿ“ TIL' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • 231109 Thur - TWID (Today What I did)
  • 231108 Wed - TWID (Today What I did)
  • 2023 10์›”) ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž์˜ ํšŒ๊ณ ๋ก
  • 2023 9์›”) ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž์˜ ํšŒ๊ณ ๋ก
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป Frontend Developer
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
Ming devlog
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
์ „์ฒด
์˜ค๋Š˜
์–ด์ œ

๊ณต์ง€์‚ฌํ•ญ

  • About Ming ๐Ÿฐ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (261)
    • ๊ฐœ๋ฐœ (255)
      • ๐Ÿ“ TIL (58)
      • โŒ ์˜ค๋ฅ˜ ๋…ธํŠธ (23)
      • React (23)
      • Next.js (11)
      • React-Native (6)
      • JavaScript (10)
      • Flutter (19)
      • Database (1)
      • ๐Ÿ’ฌ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ (21)
      • ๐Ÿ“š English (9)
      • Etc... (25)
      • โ›ต ํ•ญํ•ด99 (49)
    • ๐Ÿ’ป Dev (6)
      • ๐Ÿ“ TIL (4)
      • ๐Ÿ’ฌ Algorithm (1)
      • Etc... (1)

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • Firebase
  • ํ•ญํ•ด99
  • ์•Œ๊ณ ๋ฆฌ์ฆ˜
  • leetcode
  • react
  • ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • Git
  • ์ฝ”ํ…Œ
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ
  • ํ”Œ๋Ÿฌํ„ฐ
  • nextjs
  • ๋ถ€ํŠธ์บ ํ”„
  • ๋ฆฌ์•กํŠธ๋„ค์ดํ‹ฐ๋ธŒ
  • ์ด์ฝ”๋…ธ๋ฏธ์ŠคํŠธ
  • ์ฝ”๋”ฉ๊ณต๋ถ€
  • github
  • todaywhatidid
  • ์˜์–ด๊ณต๋ถ€
  • flutter
  • twid
  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
  • ๊ฐœ๋ฐœ์ž์ผ๊ธฐ
  • ReactNative
  • ๊ฐœ๋ฐœ์žํšŒ๊ณ 
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ๋ฆฌ์•กํŠธ
  • ์ฝ”ํ…Œ๊ณต๋ถ€
  • TIL
  • react-native

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

250x250
hELLO ยท Designed By ์ •์ƒ์šฐ.v4.2.1
๋ฐ(Ming) ๐Ÿˆโ€โฌ›
231107 Tue - TWID (Today What I did)
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

๊ฐœ์ธ์ •๋ณด

  • ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ
  • ํฌ๋Ÿผ
  • ๋กœ๊ทธ์ธ

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.