2024/06/25
-
- [React.js] memo() ์ฌ์ฉํ ๋ ์ฃผ์ํ ์
memo() ์ฌ์ฉํ ๋ ์ฃผ์ํ ์ ๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์ @memo()@๋ฅผ ์ฌ์ฉํ ๋ ์ฃผ์ํ ์ ์ ์ ๋ฆฌํด๋ณธ๋ค. memo()๊ฐ๋ ํจ์ํ ์ปดํฌ๋ํธ๋ฅผ ๋ฉ๋ชจ์ด์ ์ด์ (Memoization)ํ์ฌ ๋ถํ์ํ ๋ฆฌ๋ ๋๋ง์ ๋ฐฉ์งํ๋ ์ญํ ์ ํ๋ค.์ฃผ๋ก ์ฑ๋ฅ ์ต์ ํ๋ฅผ ์ํด ์ฌ์ฉ๋๋ค.import { memo } from 'react';const MyComponent = memo(function MyComponent({ prop1, prop2 }) => { // ...});export default MyComponent; ๊ธฐ๋ณธ์ ์ผ๋ก ์ปดํฌ๋ํธ์ @props@๊ฐ ๋ณ๊ฒฝ๋์ง ์์ผ๋ฉด ์ปดํฌ๋ํธ๋ฅผ ๋ค์ ๋ ๋๋งํ์ง ์๋๋ค.@props@์ ์์ ๋น๊ต(Shallow Comparison)๋ฅผ ํตํด ์ด๋ฃจ์ด์ง๋ค.์์ ๋น๊ต๋ ๊ธฐ๋ณธ ์๋ฃํ(์ซ์, ๋ฌธ..
2024.06.25 -
- [VS Code] JavaScript ๊ธฐ๋ณธ ํญ ๋ค์ฌ์ฐ๊ธฐ(Indent) ๊ฐ๊ฒฉ ์ค์ ๋ฐฉ๋ฒ (settings.json)
JavaScript ํญ ๊ธฐ๋ณธ ๋ค์ฌ์ฐ๊ธฐ(Indent) ๊ฐ๊ฒฉ ์ค์ ๋ฐฉ๋ฒ (settings.json)๋ค์ด๊ฐ๋ฉฐJavaScript ์ฝ๋๋ฅผ VS Code์์ ์์ฑํ ๋, ๊ธฐ๋ณธ ํญ ๋ค์ฌ์ฐ๊ธฐ(Indent)๋ฅผ ์ง์ ํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด์. ๋ฐฉ๋ฒVS Code์์ @[Ctrl]([Cmd])@ + @[Shift]@ + @[P]@๋ฅผ ๋๋ฌ์ @Settings@์ ๊ฒ์ํ์ฌ @[Preferences: Open User Settings (JSON)]@ ํญ๋ชฉ์ ํด๋ฆญํ๋ค. @Settings.json@ ํ์ผ ์์ ๋ด์ฉ์ด ์๋ํฐ์ ํ์๋๋๋ฐ, ์๋์ ๋ด์ฉ์ ์ถ๊ฐํด์ค๋ค.{ // ... // I want my default to be 4, but JavaScript/JSON to be 2 "editor.tabSize": 4, "[javasc..
2024.06.25