๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
ํšŒ๊ณ 

๐Ÿฅ 10์›” 3์ฃผ์ฐจ ํšŒ๊ณ 

by frontChoi 2025. 10. 19.
๋ฐ˜์‘ํ˜•

๐Ÿ› React Hook

์ตœ๊ทผ ์‚ฌ์ด๋“œ๋กœ ์‹œ์ž‘ํ•˜๊ณ  ์žˆ๋Š”๊ฒƒ๋“ค์ด ์žˆ๋Š”๋ฐ, ๊ทธ ์ค‘์— Next.js๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ฐœ๋ฐœํ•˜๊ณ  ์žˆ๋‹ค.

Next.js๋Š” React ํ”„๋ ˆ์ž„์›Œํฌ์ด๋ฏ€๋กœ, React์— ๋Œ€ํ•œ ์‚ฌ์šฉ๋ฐฉ๋ฒ•๋„ ๋ณ‘ํ–‰ํ•ด์•ผ ํ•œ๋‹ค.

๊ทธ๋Ÿฌ๋ฏ€๋กœ React Hook์—๋Œ€ํ•ด ์•Œ์•„๋ณผ ํ•„์š”๊ฐ€ ์žˆ๋‹ค

 

 

๐Ÿน Cypress ์„ธํŒ…

Cypress์„ ํšŒ์‚ฌ์—์„œ ๋„์ž…์„ ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.

๋ฌผ๋ก  ๋‚ด๊ฐ€ ์ง์ ‘ ์„ธํŒ…ํ•˜๋Š”๊ฒƒ์€ ์•„๋‹ˆ๊ณ , ํšŒ์‚ฌ๋™๋ฃŒ๋ถ„์ด ํ•˜์˜€๋‹ค.

๊ฑฐ๊ธฐ์„œ ์•„์ง ๊ตฌ์ฒด์ ์œผ๋กœ ๋ณด์ง€๋Š” ๋ชปํ–ˆ์ง€๋งŒ,

์–ด๋–ป๊ฒŒ ์„ธํŒ…ํ–ˆ๋Š”์ง€์— ๋Œ€ํ•ด์„œ ๋ณผ ํ•„์š”๊ฐ€ ์žˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๊ฐœ์ธ์ ์œผ๋กœ ์„ธํŒ…์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ณ  ๊ฐ„๋‹จํ•œ ๋ฌธ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณผ ํ•„์š”๊ฐ€ ์žˆ๋‹ค

 

 

๐ŸฅŒ  ๊ฐœ๋ฐœ์ž๋กœ์„œ ๊ฐœ์„  ๋„์›€์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•ด๋ณด๊ธฐ

ํšŒ์‚ฌ ์ž‘์—…์„ ํ•˜๋‹ค๋ณด๋ฉด, ์ข€ ๋” ๋„์›€์ด ๋˜๋Š” ๋ฐฉํ–ฅ์ด ์—†์ง€ ์•Š์„๊นŒ?๊ณ ๋ฏผ์„ ํ•œ๋‹ค.

๊ทธ๊ฒƒ์ด ๊ผญ ์ˆ˜์ต์ ์ธ ์ธก๋ฉด์ด ๊ผญ ํ•„์ˆ˜๋กœ ๊ณ ๋ ค๋  ํ•„์š”๋Š” ์—†์ง€๋งŒ, ์‚ฌ์šฉ์ž์—๊ฒŒ ํŽธํ•˜๊ฒŒ ํ•ด์ฃผ๋Š” ๊ฒƒ์— ๋Œ€ํ•ด "์ฝ”๋“œ"์ ์œผ๋กœ ์–ด๋–ค์ง€ ์ธ์ œ ์Šค์Šค๋กœ์—๊ฒŒ 

๊ณ ๋ฏผํ•  ํ•„์š”๊ฐ€ ์žˆ๋‹ค

๋‹ค์–‘ํ•œ ํˆด(GA,์ œ๋‹ˆํผํ”„๋ก ํŠธ ๋“ฑ๋“ฑ)์„ ์ด์šฉํ•˜์—ฌ ๊ณ ๋ฏผ์„ ํ•ด๋ณด๊ณ  ๊ณ„ํš/ํ–‰๋™์„ ์‹ค์‹œํ•ด๋ณด์ž

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€