728x90
๋ฐ˜์‘ํ˜•

Strict Mode 1

React] Strict Mode

Strict Mode productionํ™˜๊ฒฝ์—์„œ ์ผ์–ด๋‚  ์ˆ˜ ์žˆ๋Š” ์˜ค๋ฅ˜๋ฅผ React์—์„œ ์žก์•„์ฃผ๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. Strict Mode๊ฐ€ ์ผœ์ ธ ์žˆ๋Š” ์ƒํƒœ์ด๋ฉด, ๊ฐœ๋ฐœ ์ค‘์— React๋Š” ์‹ค์ œ ์„ค์ • ์ „์—(setup - cleadnup) ํ•œ ๋ฒˆ ๋” ์‹คํ–‰ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๊ตฌํ˜„๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•จ์ด๋ฉฐ, ๋‘๋ฒˆ ์ผ์–ด๋‚ฌ๋Š”๋ฐ, ๊ฒฐ๊ด๊ฐ’์ด ์„œ๋กœ ๋‹ค๋ฅด๋ฉด ํ•ด๋‹น ์ฝ”๋“œ๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ ๋ชจ๋“œ์—์„œ๋งŒ ํ™œ์„ฑํ™” ๋˜๊ธฐ ๋•Œ๋ฌธ์— production์—์„œ๋Š” ์˜ํ–ฅ์ด ์—†์Œ CRA๋กœ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ์‹œ default๋กœ ํƒœ๊ทธ๊ฐ€ ๋‹ฌ๋ ค ์žˆ์Œ import React from 'react'; function ExampleApplication() { return ( ); } React.StrictMode๋กœ ๊ฐ์Œ€ ์ˆ˜ ์žˆ๋‹ค. ํ˜น..

Front-End/React 2023.06.20
728x90
๋ฐ˜์‘ํ˜•