React-ace: ์ฒ ์ž๊ฐ€ ํ‹€๋ฆฐ ์˜ต์…˜ - ๋‹ค์‹œ!

์— ๋งŒ๋“  2018๋…„ 10์›” 19์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: securingsincity/react-ace

๋ฌธ์ œ

https://github.com/securingsincity/react-ace/issues/95 ์— ๋ณด๊ณ ๋œ ๋ฌธ์ œ๋Š” ์ˆ˜์ •๋œ ๊ฒƒ์œผ๋กœ ์—ฌ๊ฒจ์กŒ์ง€๋งŒ ๋ถˆํ–‰ํžˆ๋„ ์—ฌ์ „ํžˆ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
์ฝ˜์†”์—์„œ ๊ฒฝ๊ณ  ๋ฐ›๊ธฐ:
์ฒ ์ž๊ฐ€ ์ž˜๋ชป๋œ ์˜ต์…˜ "enableBasicAutocompletion"
์ฒ ์ž๊ฐ€ ์ž˜๋ชป๋œ ์˜ต์…˜ "enableLiveAutocompletion"

๊ฐ€๋Šฅํ•œ ์†”๋ฃจ์…˜์„ ํฌํ•จํ•˜์—ฌ ์—ฌ๊ธฐ์— ๋ฌธ์ œ๋ฅผ ์ž์„ธํžˆ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์ฑ…์€ ์•„๋งˆ๋„ ์ด PR https://github.com/securingsincity/react-ace/pull/127 ์ด์—ˆ์ง€๋งŒ ์ผ๋ถ€ ๊ฒฝ์šฐ์—๋งŒ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๊ฒฝ์šฐ์—๋Š” ๋ฌธ์ œ๊ฐ€ ๊ณ„์† ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

์˜ค๋ฅ˜ ์„ธ๋ถ€ ์ •๋ณด๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ PR https://github.com/securingsincity/react-ace/pull/127/files ์™€ ์œ ์‚ฌํ•œ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ์—ฌ๊ธฐ์—๋„ ์ ์šฉ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค: https://github.com/securingsincity/react-ace/ ์–ผ๋ฃฉ/87bd672673d344d7e3eb3d5ec0ec0308c2223a3e/src/ace.jsx#L181

๋ฌธ์ œ๋ฅผ ์žฌํ˜„ํ•˜๊ธฐ ์œ„ํ•œ ์ƒ˜ํ”Œ ์ฝ”๋“œ

๋ช‡ ๊ฐ€์ง€ ์˜ต์…˜๊ณผ ํ•จ๊ป˜ ํŽธ์ง‘๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค. ์˜ˆ:

<AceEditor
  setoptions={{
    enableBasicAutocompletion: true,
    enableLiveAutocompletion: true,
    enableSnippets: true
  }}
/>

componentDidUpdate๊ฐ€ ํŠธ๋ฆฌ๊ฑฐ๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

์ฐธ๊ณ ๋ฌธํ—Œ

์ง„ํ–‰ ์ƒํ™ฉ: #

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋‹ซ๊ธฐ - ์ด ๋ฌธ์ œ๋Š” import 'brace/ext/language_tools'; ์ถ”๊ฐ€ํ•˜์—ฌ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  5 ๋Œ“๊ธ€

๋‹ซ๊ธฐ - ์ด ๋ฌธ์ œ๋Š” import 'brace/ext/language_tools'; ์ถ”๊ฐ€ํ•˜์—ฌ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๊ทธ๊ฒƒ์„ ํ•ด๊ฒฐํ–ˆ๋‹ค.

import "ace-builds/src-noconflict/ext-language_tools";

@ziishhaned ์ด ๊ฐ€์ ธ ์˜ค๊ธฐ๋Š” ๋‚˜๋ฅผ ์œ„ํ•ด ์ˆ˜์ •ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์˜ ์ˆ˜์ž…ํ’ˆ๊ณผ ์ฃผ๋ฌธ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

@ziishaned ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. "react-ace": "6.3.2"๋ฅผ "react-ace": "^9.2.1"๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•ฉ๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ react-ace ๋Š” v8๋ถ€ํ„ฐ ๋” ์ด์ƒ brace ํŒจํ‚ค์ง€๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

https://github.com/securingsincity/react-ace/issues/638#issuecomment -649181737

๋”ฐ๋ผ์„œ "ace-builds/src-noconflict/ext-language_tools"์—์„œ ํ™•์žฅ ๋„๊ตฌ ํŒจํ‚ค์ง€๋ฅผ ๊ฐ€์ ธ์™€์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.

v6 -> 8์—์„œ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ๊ฐ€์ด๋“œ
https://github.com/securingsincity/react-ace/blob/main/docs/Migrate-v7-to-v8.md

@gone-skiing
import 'ace-builds/webpack-resolver';
import 'ace-builds/src-noconflict/mode-java'; (ํ…Œ๋งˆ์šฉ)
import 'ace-builds/src-noconflict/ext-language_tools';

...
๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰