์ด๊ฒ์ ์ต์ ๋ฆด๋ฆฌ์ค๋ฅผ v1.58.5.tar.gz๋ก ๋ค์ด๋ก๋ํ ์ ์๋ ํ๋กฏ๋ฆฌ.js๋ผ๋ Windows ์ฑ์ ๋๋ค. ์ํฌ์คํ ์ด์ ์ฉ ๋ฌด๋ฃ ํธ์คํ ์ ๊ณต์ ์ฒด์ธ OnWorks์์ ์จ๋ผ์ธ์ผ๋ก ์คํํ ์ ์์ต๋๋ค.
์จ๋ผ์ธ์์ OnWorks์ ํจ๊ป plotly.js๋ผ๋ ์ฑ์ ๋ฌด๋ฃ๋ก ๋ค์ด๋ก๋ํ์ฌ ์คํํ์ญ์์ค.
์ด ์ฑ์ ์คํํ๋ ค๋ฉด ๋ค์ ์ง์นจ์ ๋ฐ๋ฅด์ธ์.
- 1. ์ด ์ ํ๋ฆฌ์ผ์ด์ ์ PC์ ๋ค์ด๋ก๋ํ์ต๋๋ค.
- 2. ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ ์ ๋ ฅํฉ๋๋ค.
- 3. ์ด๋ฌํ ํ์ผ ๊ด๋ฆฌ์์์ ์ด ์์ฉ ํ๋ก๊ทธ๋จ์ ์ ๋ก๋ํฉ๋๋ค.
- 4. ์ด ์น์ฌ์ดํธ์์ ๋ชจ๋ OS OnWorks ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํ์ง๋ง ๋ ๋์ Windows ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํฉ๋๋ค.
- 5. ๋ฐฉ๊ธ ์์ํ OnWorks Windows OS์์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ผ๋ก ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX๋ก ์ด๋ํฉ๋๋ค.
- 6. ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ค์ด๋ก๋ํ์ฌ ์ค์นํฉ๋๋ค.
- 7. Linux ๋ฐฐํฌ ์ํํธ์จ์ด ์ ์ฅ์์์ Wine์ ๋ค์ด๋ก๋ํฉ๋๋ค. ์ค์น๊ฐ ์๋ฃ๋๋ฉด ์ฑ์ ๋ ๋ฒ ํด๋ฆญํ์ฌ Wine๊ณผ ํจ๊ป ์คํํ ์ ์์ต๋๋ค. ์ธ๊ธฐ ์๋ Windows ํ๋ก๊ทธ๋จ ๋ฐ ๊ฒ์์ ์ค์นํ๋ ๋ฐ ๋์์ด ๋๋ Wine์ ํตํ ๋ฉ์ง ์ธํฐํ์ด์ค์ธ PlayOnLinux๋ฅผ ์ฌ์ฉํด ๋ณผ ์๋ ์์ต๋๋ค.
Wine์ Linux์์ Windows ์ํํธ์จ์ด๋ฅผ ์คํํ๋ ๋ฐฉ๋ฒ์ด์ง๋ง Windows๊ฐ ํ์ํ์ง ์์ต๋๋ค. Wine์ ๋ชจ๋ Linux ๋ฐ์คํฌํ์์ ์ง์ Windows ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋ ์คํ ์์ค Windows ํธํ์ฑ ๊ณ์ธต์ ๋๋ค. ๋ณธ์ง์ ์ผ๋ก Wine์ Windows๊ฐ ํ์ํ์ง ์๊ณ ๋ชจ๋ Windows ์์ฉ ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋๋ก Windows๋ฅผ ์ฒ์๋ถํฐ ์ถฉ๋ถํ ๋ค์ ๊ตฌํํ๋ ค๊ณ ํฉ๋๋ค.
์คํฌ๋ฆฐ ์ท
Ad
ํ๋กฏ .js
๊ธฐ์
Plotly JavaScript ์คํ ์์ค ๊ทธ๋ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ. d3.js ๋ฐ stack.gl์ ๊ธฐ๋ฐ์ผ๋ก ๊ตฌ์ถ๋ Plotly.js๋ ๋์ ์์ค์ ์ ์ธ์ ์ฐจํธ ์์ฑ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. ploly.js์๋ 40D ์ฐจํธ, ํต๊ณ ๊ทธ๋ํ, SVG ๋งต์ ํฌํจํ์ฌ 3๊ฐ ์ด์์ ์ฐจํธ ์ ํ์ด ํฌํจ๋์ด ์์ต๋๋ค. ploly.js๋ ๋ฌด๋ฃ ์คํ ์์ค์ด๋ฉฐ GitHub์์ ์์ค๋ฅผ ๋ณด๊ณ , ๋ฌธ์ ๋ฅผ ๋ณด๊ณ ํ๊ณ , ๊ธฐ์ฌํ ์ ์์ต๋๋ค. Webpack์ผ๋ก ํ๋กฏ๋ฆฌ.js๋ฅผ ๋น๋ํ๋ ค๋ฉด ๋ค์์ ์ค์นํด์ผ ํฉ๋๋ค. [์ด๋ฉ์ผ ๋ณดํธ]+ webpack.config.json์ ์ถ๊ฐํ์ธ์. ์ด๋ ์ผ๋ถ ํ๋กฏly.js ์ข ์์ฑ์ ํ์ํ Webpack์ Browserify ๋ณํ ํธํ์ฑ์ ์ถ๊ฐํฉ๋๋ค. ์ฌ์ฉ์๊ฐplotly.js๋ก ์์ฑ๋ ๊ทธ๋ฆผ ์๋ก ๋ง์ฐ์ค๋ฅผ ๊ฐ์ ธ๊ฐ๋ฉด ๊ทธ๋ฆผ์ ์ค๋ฅธ์ชฝ ์๋จ์ ๋ชจ๋ ํ์์ค์ด ๋ํ๋ฉ๋๋ค. ์ด๋ ์ฌ์ฉ์์๊ฒ ๊ทธ๋ฆผ๊ณผ ์ํธ ์์ฉํ ์ ์๋ ๋ช ๊ฐ์ง ์ต์ ์ ์ ๊ณตํฉ๋๋ค. ์ฌ์ฉ์๊ฐplotly.js๋ก ์์ฑ๋ ๊ทธ๋ฆผ ์๋ก ๋ง์ฐ์ค๋ฅผ ๊ฐ์ ธ๊ฐ๋ฉด ๊ทธ๋ฆผ์ ์ค๋ฅธ์ชฝ ์๋จ์ ๋ชจ๋ ํ์์ค์ด ๋ํ๋ฉ๋๋ค. ์ด๋ ์ฌ์ฉ์์๊ฒ ๊ทธ๋ฆผ๊ณผ ์ํธ ์์ฉํ ์ ์๋ ๋ช ๊ฐ์ง ์ต์ ์ ์ ๊ณตํฉ๋๋ค.
ํน์ง
- Plotly.js๋ ํต๊ณ ์ฐจํธ, 3D ๊ทธ๋ํ, ๊ณผํ ์ฐจํธ, SVG ๋ฐ ํ์ผ ๋งต, ์ฌ๋ฌด ์ฐจํธ ๋ฑ์ ํฌํจํ ์์ญ ๊ฐ์ง ์ฐจํธ ์ ํ ๋ฐ ์๊ฐํ๋ฅผ ์์ฑํ๋ ๋ฐ ์ฌ์ฉํ ์ ์์ต๋๋ค.
- ํธ์ง ๊ฐ๋ฅ ๋ชจ๋์์ ์ฌ์ฉ์๋ ๋ฒ๋ก์ ์ฐจํธ ์ ๋ชฉ, ์ถ ๋ ์ด๋ธ ๋ฐ ์ถ์ ์ด๋ฆ์ ํธ์งํ ์ ์์ต๋๋ค.
- Plotly.js๋ ์จ๋ผ์ธ์์ ์ธํฐ๋ํฐ๋ธํ ์ถํ ํ์ง์ ๊ทธ๋ํ๋ฅผ ๋ง๋ญ๋๋ค.
- ๋ฌด๋ฃ CDN ์๋น์ค๋ก Plotly.js๋ฅผ ๋น ๋ฅด๊ฒ ์ง์
- Plotly.js๋ ๋ฌธ์ ๋ฅผ ์ ๊ธฐํ๊ณ , ๋ฒ๊ทธ๋ฅผ ์ฌํํ๊ณ , ๊ฐ์ ์ฌํญ์ ์ ์ํ๋ ๋ฑ ๋ง์ ๊ธฐ์ฌ์๊ฐ ์๋ ํฌ๊ณ ์ญ๋์ ์ธ ์ํ๊ณ์ ํต์ฌ์ ๋๋ค.
- Webpack์ผ๋ก ํ๋กฏ๋ฆฌ.js๋ฅผ ๋น๋ํ๋ ค๋ฉด ๋ค์์ ์ค์นํด์ผ ํฉ๋๋ค. [์ด๋ฉ์ผ ๋ณดํธ]+ webpack.config.json์ ์ถ๊ฐํ์ธ์.
ํ๋ก๊ทธ๋๋ฐ ์ธ์ด
์๋ฐ ์คํฌ๋ฆฝํธ
์ด๊ฒ์ https://sourceforge.net/projects/plotly-js.mirror/์์๋ ๊ฐ์ ธ์ฌ ์ ์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋๋ค. ์ฐ๋ฆฌ์ ๋ฌด๋ฃ ์ด์ ์ฒด์ ์ค ํ๋์์ ๊ฐ์ฅ ์ฌ์ด ๋ฐฉ๋ฒ์ผ๋ก ์จ๋ผ์ธ์ผ๋ก ์คํํ๊ธฐ ์ํด OnWorks์์ ํธ์คํ ๋์์ต๋๋ค.