header-img
Info :
728x90

RFCE ๋Š” React Functional Component Export์˜ ์•ฝ์ž๋กœ

visual studio code ๋ฅผ ์‚ฌ์šฉํ• ๋•Œ ๋นˆ js ํŒŒ์ผ ์•ˆ์—์„œ rfce ๋ฅผ ์น˜๊ณ  tab์„ ๋ˆ„๋ฅด๋ฉด

๊ธฐ๋ณธ ๊ป๋ฐ๊ธฐ๋ผ๊ณ  ๋ถˆ๋ฆฌ๋Š” ์ฝ”๋“œ๋“ค์ด ๋˜๋กฑ~! ํ•˜๊ณ  ์ƒ๊ธด๋‹ค.

 

์‚ฌ์šฉ๋ฐฉ๋ฒ•

1. VSCode ์—์„œ ES7+ React/Redux/React-Native snippets ์„ค์น˜ํ•ด์ฃผ์ž.

https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets 

 

ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace

Extension for Visual Studio Code - Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.

marketplace.visualstudio.com

์ƒ์„ธ ๋‚ด์šฉ์€ ์œ„์˜ ๋งํฌ๋ฅผ ์ฐธ์กฐํ•˜์ž.

 

2. ๊ธฐ๋ณธ ๊ป๋ฐ๊ธฐ๋ฅผ ๋งŒ๋“ค์–ด์ฃผ๊ณ  ์‹ถ์€ js ํŒŒ์ผ์„ ํด๋ฆญํ•˜์—ฌ rfce ๋ฅผ ์น˜๊ณ  tab ํ‚ค๋ฅผ ํด๋ฆญ.

ํ›„์— tab ํ‚ค๋ฅผ ๋ˆ„๋ฅด๋ฉด,

์ž๋™์œผ๋กœ ๊ธฐ๋ณธ ๊ป๋ฐ๊ธฐ ์ƒ์„ฑ ์™„๋ฃŒ.

728x90
๋”๋ณด๊ธฐ
FRONTEND/React