Tagging
Try bookmarklet. Easy tagging.
Do you want to delete?
Do you want to modify?
  • LINKTAG
  • New
  • Tag
  • Comment
Sign in
it ops aws ec2

[AWS] ๐Ÿ“š EC2 ์™ธ๋ถ€ ์ ‘์†(SSH) 5๊ฐ€์ง€ ๋ฐฉ๋ฒ• - PuTTy / FileZilla / MobaXterm

EC2 ์™ธ๋ถ€ ์ ‘์†ํ•˜๊ธฐ [PuTTy] ๊ฐ€์žฅ ์œ ๋ช…ํ•˜๊ณ  ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๋ฆฌ๋ˆ…์Šค(SSH) ์ ‘์† ํˆด์ธ Putty๋ฅผ ์ด์šฉํ•ด์„œ EC2 ์ธ์Šคํ„ด์Šค์— ์ ‘์†ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์ž. ํ•„์š”ํ•œ ์ค€๋น„๋ฌผ์€ Putty์™€ Puttygen ๋‘ ๊ฐ€์ง€์ด๋‹ค. Puttygen์€ ์œ„์—์„œ ๋‹ค์šดํ•œ .pem(ํ‚คํŽ˜์–ด)๋ฅผ .ppk๋กœ ๋งŒ๋“ค๊ธฐ ์œ„ํ•จ์ด๊ณ , putty๋Š” ๋งŒ๋“ค์–ด์ง„ .ppk๋ฅผ ๊ฐ€์ง€๊ณ  ์„œ๋ฒ„๋ฅผ ์‹คํ–‰ํ•˜๊ธฐ ์œ„ํ•จ์ด๋‹ค. 1. PuTTy ๋‹ค์šด PuTTY ์„ค์น˜ ๋ฐ ๊ธฐ๋ณธ ์‚ฌ์šฉ๋ฒ•์€ ๋”ฐ๋กœ ํฌ์ŠคํŒ… ํ•ด๋‘์—ˆ๋‹ค. [PuTTy] ๐Ÿ’ฟ ์„ค์น˜ ๋ฐ ์‚ฌ์šฉ๋ฒ• PuTTY SSH ํ”„๋กœํ† ์ฝœ์€ ์›นํ˜ธ์ŠคํŒ…์„ ์ด์šฉํ•˜๊ฑฐ๋‚˜, ๋ฆฌ๋ˆ…์Šค์„œ๋ฒ„์— ์ ‘์†ํ•˜๊ธฐ ์œ„ํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋Š” ์›๊ฒฉ์ ‘์† ํˆด์ด๋‹ค. โ€‹ PuTTY๋Š” ๋ฆฌ๋ˆ…์Šค๋‚˜ ์œ ๋‹‰์Šค ๊ณ„์—ด์˜ ์„œ๋ฒ„์— ์›๊ฒฉ์œผ๋กœ ์ ‘์†ํ•  ์ˆ˜ ์žˆ๋Š” ํด๋ผ์ด์–ธํŠธ ํ”„๋กœ๊ทธ๋žจ inpa.tistory.com 2. P..
wono | discuss |
it dev springboot jsp

[Spring Boot] SpringBoot์—์„œ JSP ์‚ฌ์šฉํ•˜๊ธฐ

Spring Framework๊ฐ€ ์•„๋‹Œ Spring Boot์—์„œ JSP ์‚ฌ์šฉํ•˜๊ธฐ Spring Framework์—์„œ๋Š” ๋ทฐ(View)๋กœ JSP ํŒŒ์ผ์„ ์‚ฌ์šฉํ–ˆ์—ˆ๋‹ค. (Maven ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ์‹œ ์•„๋ž˜ webapp์œผ๋กœ ์„ค์ •ํ•˜๋ฉด์„œ ํ•ด๋‹น ํด๋”์— view ํด๋”๋ฅผ ํ†ตํ•ด JSP๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค) https://kcode-recording.tistory.com/312 [Spring] IntelliJ์—์„œ Spring Framework Project ์ƒ์„ฑ ๋ฐ ์„ค์ •(Maven) Maven ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ์„ ์ด์šฉํ•ด Spring Framwork ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๊ธฐ ์ธํ…”๋ฆฌ์ œ์ด์—์„œ Spring Framework ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด๊ณ ์ž ํ•œ๋‹ค ๊ธฐ์กด์—๋Š” Spring Boot๋งŒ ์‚ฌ์šฉํ•˜์—ฌ start.spring.io ์‚ฌ์ดํŠธ๋ฅผ ์ด์šฉ kcode..
wono | discuss |
it dev spring

[Cinemagram] ๊ณตํ†ต๊ธฐ๋Šฅ์€ ๋ฌถ์–ด๋ณด์ž AOP, ๋งˆ์ง€๋ง‰ ํ™•์ธ - (16)

์ด๋ฒˆ ํฌ์ŠคํŒ…์€ Cinemagram์˜ ๋งˆ์ง€๋ง‰ํฌ์ŠคํŒ…์ž…๋‹ˆ๋‹ค.๋ฌผ๋ก , ๊ณ„์†ํ•ด์„œ ๋ฆฌํŒฉํ„ฐ๋ง ํ•˜๊ฑฐ๋‚˜ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•  ์˜ˆ์ •์ด์ง€๋งŒ ์šฐ์„  ์ด๋ ‡๊ฒŒ ๋ง‰์„ ๋‚ด๋ฆฌ๊ณ  ์ถ”ํ›„์— ์ž‘์—…์„ ํ•ด์„œ ์˜ฌ๋ฆฌ๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.ย AOP๋ž€?Aspect Oriented Programming์˜ ์•ฝ์ž๋กœ ๊ด€์  ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ž…๋‹ˆ๋‹ค.ย ๊ทธ๋ ‡๋‹ค๊ณ  ๊ฐ์ฒด์ง€ํ–ฅํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๋ฒ„๋ฆฌ๊ฒ ๋‹ค๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์ถ”๊ฐ€๋กœ ์ ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.ย ์˜ˆ๋ฅผ ๋“ค์–ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.ย ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ, ํšŒ์›๊ฐ€์ž… ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ณ ์ž ํ•  ๋•Œ ๋กœ์ง์„ ๊ธฐ์ˆ ํ•ด ๋ณด๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.ํ•ต์‹ฌ๊ธฐ๋Šฅ๋กœ๊ทธ์ธ ๋กœ์งํšŒ์›๊ฐ€์ž… ๋กœ์ง1. username, password์ž…๋ ฅ1. username, password, email, name์ž…๋ ฅ2. DB์— SELECT์ฟผ๋ฆฌ ๋ณด๋ƒ„2. DB์— INSERTํ•จ3. ๋กœ๊ทธ์ธ(์„ธ์…˜)ย ย ๋‘ ๊ธฐ๋Šฅ์˜ ํ•ต์‹ฌ๊ธฐ๋Šฅ์€ ๋‹ค๋ฅด๊ฒ ์ง€๋งŒ ๊ณตํ†ต์ ์œผ๋กœ..
wono | discuss |
it dev spring

Spring Boot: ์Šคํ”„๋ง ๋ถ€ํŠธ ๊ณตํ†ต ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๊ตฌ์ถ•ํ•˜๊ธฐ (๊ณตํ†ต ๋ชจ๋“ˆ)

์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ์„ธ๊ณ„์—์„œ DRY(Do not Repeat Yourself) ์›์น™์€ ํšจ์œจ์ ์ธ ์ฝ”๋”ฉ์˜ ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค. ์•ค๋”” ํ—ŒํŠธ์™€ ๋ฐ์ด๋ธŒ ํ† ๋งˆ์Šค๊ฐ€ ๊ทธ๋“ค์˜ ๊ธฐ๋…๋น„์ ์ธ ์ฑ… "The Pragmatic Programmer"์—์„œ ๋งŒ๋“ค์–ด๋‚ธ DRY ์›์น™์€ ์ฝ”๋“œ๋ฒ ์ด์Šค ๋‚ด์˜ ๋ฐ˜๋ณต์„ ์ค„์ด๋Š” ๊ฒƒ์˜ ์ค‘์š”์„ฑ์„ ๊ฐ•์กฐํ•ฉ๋‹ˆ๋‹ค. ์ด ์›์น™์„ ์ค€์ˆ˜ํ•จ์œผ๋กœ์จ ๊ฐœ๋ฐœ์ž๋Š” ์ค‘๋ณต์„ ์ตœ์†Œํ™”ํ•˜๊ณ  ์˜ค๋ฅ˜ ๋ฐœ์ƒ ๊ฐ€๋Šฅ์„ฑ์„ ์ค„์ด๋ฉฐ ์ฝ”๋“œ๋ฅผ ๋” ์œ ์ง€ ๋ณด์ˆ˜ํ•˜๊ธฐ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.ย DRY ์›์น™์ด ๋น›์„ ๋ฐœํ•˜๋Š” ์ผ๋ฐ˜์ ์ธ ์‹œ๋‚˜๋ฆฌ์˜ค๋Š” ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค ์•„ํ‚คํ…์ฒ˜์˜ ๊ฐœ๋ฐœ์ž…๋‹ˆ๋‹ค. ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค๋Š” ์—ฌ๋Ÿฌ ์„œ๋น„์Šค๊ฐ€ ์œ ์‚ฌํ•œ ๊ธฐ๋Šฅ์„ ๊ณต์œ ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๊ธฐ๋Šฅ์€ ์œ ํ‹ธ๋ฆฌํ‹ฐ ํ•จ์ˆ˜, ๋ณด์•ˆ ๊ตฌ์„ฑ, ์˜ˆ์™ธ ์ฒ˜๋ฆฌ, ๊ณตํ†ต ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง ๋“ฑ ๋‹ค์–‘ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ฝ”๋“œ๋ฅผ ์—ฌ๋Ÿฌ ์„œ๋น„์Šค์— ์ค‘๋ณต์‹œํ‚ค๋Š” ๋Œ€์‹ ,..
wono | discuss |
it plan erp

ERP ๊ตฌํ˜„ ์„ ์ง„์‚ฌ๋ก€์™€ ํ”ผํ•ด์•ผ ํ•  ๋ฆฌ์Šคํฌ | SAP

SAP์˜ ๋น„์ฆˆ๋‹ˆ์Šค ๋ฆฌ๋”๋ฅผ ์œ„ํ•œ ์„ ์ง„์‚ฌ๋ก€ ๊ฐ€์ด๋“œ๋กœ ERP ๊ตฌํ˜„์„ ์ž์‹  ์žˆ๊ฒŒ ํƒ์ƒ‰ํ•˜์„ธ์š”. ๋‹จ๊ณ„์ ์œผ๋กœ ํ”ํžˆ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด๊ณ  ์ด์ ์„ ๋” ๋นจ๋ฆฌ ์‹คํ˜„ํ•˜์„ธ์š”.
wono | discuss |
์‚ฌ์—… ์•ˆ์ •์„ฑ ์‹œํ—˜ ํ™”์žฅํ’ˆ ์œ„์ƒ์šฉํ’ˆ

๋…์ผ ๋”๋งˆํ…Œ์ŠคํŠธ

ํ•ด์™ธ๊ทœ๊ฒฉ์ธ์ฆํš๋“์ง€์›์‚ฌ์—…, ์ˆ˜์ถœ๋ฐ”์šฐ์ฒ˜์‚ฌ์—…, ๊ณต๊ณต๊ธฐ๊ด€ ๋ฐ ์ง€์ž์ฒด ์ง€์› ์ˆ˜ํ–‰๊ธฐ๊ด€ ์ตœ๋‹ค ์ธ์ฆ์‹ค์  ๋ณด์œ .
wono | discuss |
์‚ฐ์—… ํ™”์žฅํ’ˆ ์‹์•ฝ์ฒญ ์‹œํ—˜๊ธฐ๊ด€

์‹ํ’ˆ์˜์•ฝํ’ˆ์•ˆ์ „์ฒ˜>ํ†ตํ•ฉ๊ฒ€์ƒ‰ | ์‹ํ’ˆ์˜์•ฝํ’ˆ์•ˆ์ „์ฒ˜

์‹ํ’ˆ์˜์•ฝํ’ˆ์•ˆ์ „์ฒ˜ ํฌ๋ง์˜ ์ƒˆ์‹œ๋Œ€
wono | discuss |
์‚ฐ์—… ๊ฐœ๋ฐœ ์ƒ์‚ฐ ์—…๋ฌด

AI ํ™œ์šฉํ•œ ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•๊ณผ ํ”„๋กฌํ”„ํŠธ ํŒ ์ •๋ฆฌ | ์š”์ฆ˜IT

์ธ๊ณต์ง€๋Šฅ(AI) ๊ธฐ์ˆ ์˜ ๋ฐœ์ „์€ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์— ๋งŽ์€ ์˜ํ–ฅ์„ ๋ฏธ์น˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด์— ๋”ฐ๋ผ ๊ฐœ๋ฐœ์ž๋Š” ๋‹ค์–‘ํ•œ AI ๋„๊ตฌ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ฐœ๋ฐœ ์ƒ์‚ฐ์„ฑ์„ ๋Œ€ํญ ํ–ฅ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ์ฃ . ํ•˜์ง€๋งŒ ๋ฐ˜๋Œ€๋กœ ์ด๋Ÿฌํ•œ ํ๋ฆ„์— ์ ์‘ํ•˜์ง€ ๋ชปํ•˜๋ฉด ์ ์ฐจ ๋„ํƒœ๋  ์ˆ˜๋„ ์žˆ๋‹ค๋Š” ์šฐ๋ ค๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” AI๋ฅผ ํ™œ์šฉํ•œ ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•๊ณผ ๊ด€๋ จํ•ด, ์›น ๊ฐœ๋ฐœ ํ”„๋กœ์ ํŠธ ๊ฐ ๋‹จ๊ณ„์—์„œ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋Š” AI ๋„๊ตฌ์™€ ํ”„๋กฌํ”„ํŠธ ํŒ์— ๋Œ€ํ•ด ์ •๋ฆฌํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค.
wono | discuss |
์ƒ์‚ฐ ์—…๋ฌด ์žก๊ธฐ

์ง€์›ํ•˜๊ธฐ ์‹ซ์–ด์ง€๋Š” IT ์ฑ„์šฉ ๊ณต๊ณ ์˜ 7๊ฐ€์ง€ ๋ฌธ์ œ์  | ์š”์ฆ˜IT

์ค‘์†Œ IT ์ฑ„์šฉ ์‹œ์žฅ์—๋Š” ์ ํ•ฉํ•œ ์‚ฌ๋žŒ์„ ๊ตฌํ•˜๊ธฐ ์–ด๋ ต๋‹ค๋Š” ํ•œํƒ„์ด ๋งŽ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๊ฐ„ํ˜น ๊ทธ ์–ด๋ ค์›€์˜ ์ด์œ ๊ฐ€ ๋ณด์ด๋Š” ์ฑ„์šฉ ๊ณต๊ณ ๋ฅผ ๋งŒ๋‚˜๊ธฐ๋„ ํ•œ๋‹ค. ์‹ฌ์ง€์–ด ์ตœ๊ทผ ๋ณธ ์–ด๋–ค ๊ณต๊ณ ๋Š” ๋‹ด๋‹น ์—…๋ฌด ํ•ญ๋ชฉ์„ ์ฑ„์šฐ์ง€ ์•Š์•„, โ€œ์ƒ์„ธ๋‚ด์šฉ์„ ์ž…๋ ฅํ•˜์„ธ์š”โ€ ๋ฌธ๊ตฌ๊ฐ€ ๊ทธ๋Œ€๋กœ ๋…ธ์ถœ๋˜๊ณ  ์žˆ์—ˆ๋‹ค. ๋‹ด๋‹น ์—…๋ฌด ํ•ญ๋ชฉ์€ ๊ตฌ์ง์ž์˜ ์ง€์› ์—ฌ๋ถ€๋ฅผ ๊ฒฐ์ •ํ•  ๋งค์šฐ ์ค‘์š”ํ•œ ์ •๋ณด๋‹ค. ์ด๋Ÿฐ ์„ฑ์˜ ์—†๋Š” ์ฑ„์šฉ ๊ณต๊ณ ๋Š” ์ ํ•ฉํ•œ ์ธ์žฌ๋ฅผ ๋งŒ๋‚  ๊ฐ€๋Šฅ์„ฑ์„ ๋–จ์–ด๋œจ๋ฆด๋ฟ๋”๋Ÿฌ ํšŒ์‚ฌ์— ๋Œ€ํ•œ ์ธ์ƒ๊นŒ์ง€ ๋‚˜์˜๊ฒŒ ๋งŒ๋“ ๋‹ค. ์ด๋ฒˆ ๊ธฐํšŒ์— ์ค‘์†Œ IT ๊ธฐ์—… ์ฑ„์šฉ ๊ณต๊ณ ์˜ ๋‚˜์œ ์‚ฌ๋ก€๋“ค์„ ์‚ดํŽด๋ณด๊ณ  ๊ทธ์— ๋Œ€ํ•œ ์ฒ˜๋ฆฌ ๋ฐฉ์‹์„ ์ œ์•ˆํ•˜๋ ค๊ณ  ํ•œ๋‹ค. ์ค‘์†Œ IT ๊ธฐ์—…์—์„œ ์ธ์‚ฌ๋ฅผ ๋‹ด๋‹นํ•˜๊ฑฐ๋‚˜ ๊ด€๋ จ ์žˆ๋Š” ๋ถ„๋“ค์ด ์ฃผ๋ชฉํ•˜๋ฉด ์ข‹๊ฒ ๋‹ค. ์•„์šธ๋Ÿฌ IT ์ง๊ตฐ ๊ตฌ์ง์ž๋“ค๋„ ์›ํ•˜๋Š” ์ผ์ž๋ฆฌ๋ฅผ ์–ป๋Š” ๋ฐ ๋„์›€์„ ์–ป๊ธธ ๋ฐ”๋ž€๋‹ค.
wono | discuss |
it dev react state

๋ฆฌ์•กํŠธ ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ? ใ„ดใ„ด ์ €๋Š” URL๋งŒ ์”๋‹ˆ๋‹ค

๋ฆฌ์•กํŠธ๋กœ ๊ฐœ๋ฐœํ•˜๋ฉด ๋นผ๋†“์„ ์ˆ˜ ์—†๋Š”๊ฒŒ ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ์ฃ . ๋ญ ์ˆœ์ˆ˜ํ•˜๊ฒŒ UI์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค์–ด์•ผ ํ•œ๋‹ค๋‹ˆ ๋ญ๋‹ˆ ํ•ด๋„, ์ €์ชฝ์—์„œ ์“ฐ๊ณ ์žˆ๋Š” ์ƒํƒœ๋ฅผ ์ด์ชฝ์—์„œ ๋ฐ”๊ฟ”์•ผ ํ•˜๋Š” ์ผ์€ ๊ผญ ์ƒ๊น๋‹ˆ๋‹ค.๊ทธ๋ž˜์„œ ์ด์ œ ์ „์—ญ์ƒํƒœ๋ฅผ url๋กœ ๊ด€๋ฆฌํ•˜๋Š”๋ฒ•์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ท!!
wono | discuss |
it dev shadcnui admin

GitHub - josevcarvalho/nextjs-app-cms-ecommerce: CMS Ecommerce app using NextJS, Zustand, React Hook Form, PrismaClient, Tailwindcss, Postcss, MongoDB Atlas, Shadcn UI, Axios e Zod

CMS Ecommerce app using NextJS, Zustand, React Hook Form, PrismaClient, Tailwindcss, Postcss, MongoDB Atlas, Shadcn UI, Axios e Zod - josevcarvalho/nextjs-app-cms-ecommerce
wono | discuss |
it dev awesome shadcnui

GitHub - bytefer/awesome-shadcn-ui: A curated list of awesome things related to shadcn/ui.

A curated list of awesome things related to shadcn/ui. - bytefer/awesome-shadcn-ui
wono | discuss |
it dev shadcnui nextjs

GitHub - Kiranism/next-shadcn-dashboard-starter: Admin Dashboard Starter with Nextjs14 and shadcn ui

Admin Dashboard Starter with Nextjs14 and shadcn ui - Kiranism/next-shadcn-dashboard-starter
wono | discuss |
it dev react scroll

๊ฐ€์ƒํ™” ํ•˜์—ฌ ๋” ๋‚˜์€ ๋ฌดํ•œ์Šคํฌ๋กค ๊ตฌํ˜„ํ•˜๊ธฐ | ou9999.dev

์˜ค๋Š˜์˜์ง‘๊ณผ ๊ฐ™์€ ๋ฌดํ•œ์Šคํฌ๋กค ๊ตฌํ˜„ ๊ณผ์ •๊ณผ ํ›„๊ธฐ
wono | discuss |
it dev react context

[React.js] Context API๋ฅผ ์ด์šฉํ•˜์—ฌ ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌํ•˜๊ธฐ

Context API๋ฅผ ์ด์šฉํ•˜์—ฌ ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌํ•˜๊ธฐ๋“ค์–ด๊ฐ€๋ฉฐ๋ฆฌ์•กํŠธ(React.js)์—์„œ Context API๋ฅผ ์ด์šฉํ•˜์—ฌ ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ •๋ฆฌํ•ด๋ณธ๋‹ค.Context API๋ฅผ ์ด์šฉํ•˜๋ฉด ๋”ฐ๋กœ ํŒจํ‚ค์ง€๋ฅผ ์„ค์น˜ํ•˜์ง€ ์•Š๊ณ ๋„ ์ „์—ญ ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค.ย Context API๊ฐœ๋…์ปดํฌ๋„ŒํŠธ ํŠธ๋ฆฌ์—์„œ ์ „์—ญ ์ƒํƒœ๋ฅผ ๋ณด๋‹ค ์‰ฝ๊ฒŒ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” API์ด ๋ฐฉ๋ฒ•์„ ์ด์šฉํ•˜๋ฉด,ย ํ”„๋กญ ๋“œ๋ฆด๋ง(Props Drilling)์„ ํ”ผํ•  ์ˆ˜ ์žˆ๋‹ค.ย ๋ฐฉ๋ฒ•โ‘  context ํŒŒ์ผ ์ƒ์„ฑํ•˜๊ธฐ์ „์—ญ์œผ๋กœ ์‚ฌ์šฉํ•  ์ƒํƒœ๋ฅผ ์ •์˜ํ•˜๋Š” @Context.js@ ํŒŒ์ผ์„ ์ƒ์„ฑํ•œ๋‹ค.ย ./src/context.jsimport { createContext, useContext, useState } from 'react';// (1) Context ์ƒ์„ฑํ•˜๊ธฐco..
wono | discuss |
it dev react zustand

Zustand ํ•ต์‹ฌ ์ •๋ฆฌ

Zustand(์ฃผ์Šคํƒ ๋“œ)๋Š” ์ž‘๊ณ  ๋น ๋ฅด๋ฉฐ ํ™•์žฅ ๊ฐ€๋Šฅํ•œ React ํ”„๋กœ์ ํŠธ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ์ƒํƒœ ๊ด€๋ฆฌ(Store) ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค.
wono | discuss |
it dev shadcnui

[๋ฒˆ์—ญ] shadcn/ui ์˜ ํ•ด๋ถ€

์˜ฌํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ƒํƒœ๊ณ„๋ฅผ ๋Œ์•„๋‹ค๋‹ˆ๋‹ค ๋ณด๋ฉด shadcn/ui๋ผ๋Š” ํฅ๋ฏธ๋กœ์šด UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ ‘ํ–ˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” npm ํŒจํ‚ค์ง€๋กœ ๋ฐฐํฌ๋˜์ง€ ์•Š๊ณ , CLI๋ฅผ ํ†ตํ•ด ์ปดํฌ๋„ŒํŠธ์˜ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ํ”„๋กœ์ ํŠธ์— ํฌํ•จํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ์ œ์ž‘์ž๋Š” shadcn/ui์˜ ๊ณต์‹ ์›น ์‚ฌ์ดํŠธ ๋‚ด์— ์ด๋Ÿฌํ•œ ๊ฒฐ์ •์„ ๋‚ด๋ฆฌ๊ฒŒ ๋œ ์ด์œ ์— ๋Œ€ํ•ด์„œ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹คโ€ฆ
wono | discuss |
it dev typescript props

Next.js์—์„œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์™€ ํ•จ๊ป˜ํ•˜๋Š” ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์˜ ๋ชจ๋“  ๊ฒƒ

ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ๋Š” ๋ฆฌ์•กํŠธ ๊ฐœ๋ฐœ์—์„œ ๊ฐ€๋…์„ฑ ๋†’๊ณ  ๊ฐ„๊ฒฐํ•œ ์ฝ”๋“œ ๊ตฌ์กฐ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” Next.js ํ™˜๊ฒฝ์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ES6 ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•œ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์˜ ๊ตฌ์กฐ, ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ™œ์šฉํ•œ ์†์„ฑ ์ •์˜ ๋ฐฉ๋ฒ•, ๊ทธ๋ฆฌ๊ณ  ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์˜ ์—ฌ๋Ÿฌ ๊ตฌ์„ฑ ์š”์†Œ ๋ฐ ๋ฐฉ์‹์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค.
wono | discuss |
it dev react nextjs

05. React ๊ธฐ๋ณธ ์‚ฌํ•ญ: ๊ตฌ์„ฑ ์š”์†Œ, ์ƒํƒœ ๋ฐ Props

์ตœ์‹  React์™€ Next.js ์›น ๊ฐœ๋ฐœ ํŠœํ† ๋ฆฌ์–ผ๊ณผ ์ž๋ฃŒ๋ฅผ ์ฐพ๊ณ  ๊ณ„์‹ ๊ฐ€์š”? ReactNext-Central์—์„œ ํ•„์š”ํ•œ ๋ชจ๋“  ์ •๋ณด์™€ ๊ฐ€์ด๋“œ๋ฅผ ํ™•์ธํ•˜์„ธ์š”. ๋ฐ”๋กœ ๋ฐฉโ€ฆ
wono | discuss |
it dev javascript problems

Feature Request: Show all errors and warnings in project for all JavaScript and TypeScript files, not just opened ones ยท Issue #13953 ยท microsoft/vscode

I am using VS Code on a project at work that has hundreds of files and many layers of nested sub-directories. I frequently make changes that break many files, such as changing the call signature of a commonly used method. Since the proje...
wono | discuss |
Next
© 2025. LINKTAG.ORG. Help Feedback Privacy Terms