IDE/JetBrains

[JetBrains] IDE์—์„œ React Hooks ์ž๋™ ์™„์„ฑ/import๊ฐ€ ์•ˆ๋˜๋Š” ๊ฒฝ์šฐ

Splin 2023. 1. 7.

React ์Šคํ„ฐ๋”” ์ค‘ WebStrom์—์„œ ์ž๋™์™„์„ฑ/Import๊ฐ€ ์•ˆ๋ผ์„œ ๊ตฌ๊ธ€๋งํ•˜์—ฌ ์ฐพ์€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.

 

 

ํ•ด๊ฒฐ๋ฐฉ๋ฒ• 1

ํ•ด๊ฒฐ๋ฐฉ๋ฒ•์€ ์•„๋ž˜์™€ ๊ฐ™์ด Library ์„ค์ •์„ ํ•ด์ฃผ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

  1. ์„ค์ •(Preferences)์— ๋“ค์–ด๊ฐ‘๋‹ˆ๋‹ค.
  2. Languages & Frameworks > JavaScript > Libraries ์œผ๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.
  3. ์˜ค๋ฅธ์ชฝ์— ๋‹ค์šด๋กœ๋“œ๋ฅผ ๋ˆ„๋ฅด๊ณ  react, react-dom์„ ๋‹ค์šด๋กœ๋“œ ํ•ด์ค๋‹ˆ๋‹ค.

์œ„ ๋ฐฉ๋ฒ•์„ ์ ์šฉํ•˜๋ฉด ์ž๋™์™„์„ฑ์ด ๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. (์•ˆ๋˜๋Š” ๊ฒฝ์šฐ์—๋Š” ์žฌ๋ถ€ํŒ…์„ ํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.)

 

 

ํ•ด๊ฒฐ๋ฐฉ๋ฒ• 2

2๋ฒˆ์งธ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•์€ npm install @types/react ๋ฅผ ์„ค์น˜ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

 

์•Œ๊ณ ๋ณด๋ฉด ๊ฐ„๋‹จํ•˜๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์ธ๋ฐ, ๋ชจ๋ฅด๋ฉด ์‹œ๊ฐ„์„ ๋‚ญ๋น„ํ•˜๊ฒŒ๋ฉ๋‹ˆ๋‹ค.
๋‹ค๋ฅธ ๋ถ„๋“ค์€ ์ด ๊ธ€์„ ํ†ตํ•ด ์‹œ๊ฐ„์„ ์•„๋‚„ ์ˆ˜ ์žˆ์—ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค.

'IDE > JetBrains' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[JetBrains] Intellij ๊ฐœ์ธ ์„ค์ •  (0) 2023.01.04
[JetBrains] WebStorm ๊ฐœ์ธ ์„ค์ •  (1) 2022.12.30
[JetBrains] JetBrains IDE ์œ ์šฉํ•œ ๋‹จ์ถ•ํ‚ค  (1) 2022.12.28

๋Œ“๊ธ€