๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Develop ๐Ÿ’ป/JavaScript3

JS ์ž๋ฃŒ ๊ณต์œ  / JS ๊ธฐ์ดˆ / ์ฝ”๋“œ๋ฒ ์ด์ปค๋ฆฌ ํ•œ๊ตญ๋””์ง€ํ„ธ๋ฏธ๋””์–ด๊ณ ๋“ฑํ•™๊ต ์ฝ”๋”ฉ ๊ต์œก ๋™์•„๋ฆฌ ์ฝ”๋“œ๋ฒ ์ด์ปค๋ฆฌ์—์„œ 1ํ•™๋…„ ํ•™์ƒ๋“ค์„ ๋Œ€์ƒ์œผ๋กœ ๋งŒ๋“ค๊ณ  ์žˆ๋Š” JS ๊ธฐ์ดˆ ์ž๋ฃŒ์ž…๋‹ˆ๋‹ค. ๋‚ด์šฉ์ด ๋ถ€์กฑํ•  ์ง„ ๋ชฐ๋ผ๋„ JS๋ฅผ ์‰ฝ๊ฒŒ ๊ฐ€๋ฅด์ณ์ฃผ๊ณ ์ž 2ํ•™๋…„ ๋™์•„๋ฆฌ์›๋“ค์ด ์—ด์‹ฌํžˆ ๋งŒ๋“ค์—ˆ์–ด์š” ! https://handsomely-brian-b90.notion.site/To-the-Javascript-1829bee6845441e6bf0f50a2250c5316 2021. 9. 1.
[JavaScript] ES7 - 12 ๋ฌธ๋ฒ• / ECMAScript 2016 ~ 2021 Intro ๋ถ„๋ช… JS๋ฅผ ์“ฐ๊ณ  ์žˆ๋Š”๋ฐ C์–ธ์–ด์Šค๋Ÿฝ๊ฒŒ ์ฝ”๋”ฉํ•˜๋Š” ๋‚ด ์ž์‹ ์„ ๋ฐœ๊ฒฌํ•˜์—ฌ ์ด๋ ‡๊ฒŒ ์ตœ์‹  ๋ฌธ๋ฒ•์„ ์ •๋ฆฌํ•ด๋ณธ๋‹ค ! (์ฃผ์š”ํ•œ ๊ฒƒ๋งŒ) ES7(2016) 1. Array.prototype.includes() ๋ฐฐ์—ด ๋‚ด์— ๊ฐ’์ด ์žˆ๋Š”์ง€ ์—†๋Š”์ง€ ํ™•์ธ ๊ฐ’์ด ์žˆ์œผ๋ฉด True, ์—†์œผ๋ฉด false ๋ฅผ ๋ฐ˜ํ™˜ assert([1, 2, 3].includes(2) === true); assert([1, 2, 3].includes(4) === false); assert([1, 2, NaN].includes(NaN) === true); assert([1, 2, -0].includes(+0) === true); assert([1, 2, +0].includes(-0) === true); assert(["a", "b", "c"].include.. 2021. 7. 25.
[JavaScript] Three.js๋กœ ์‰ฝ๊ฒŒ ๋งŒ๋“œ๋Š” ์šฐ์ฃผ ! Intro ๋žœ๋”ฉ ํŽ˜์ด์ง€๋ฅผ 3D๋ฅผ ์ด์šฉํ•ด ์‹œ๊ฐ์ ์œผ๋กœ ๋”์šฑ ์˜ˆ์˜๊ฒŒ ๋งŒ๋“ค๊ณ  ์‹ถ์–ด three.js๋ฅผ ๋ฐฐ์šฐ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ตœ๊ทผ ๊นƒํ—™ ๋žœ๋”ฉ ํŽ˜์ด์ง€์—์„œ ํ•œ๊ตญ์–ด ์ง€์›์„ ์‹œ์ž‘ํ•˜์˜€๋Š”๋ฐ , ์ €๊ธฐ ๋‚˜์˜ค๋Š” 3D ์ง€๊ตฌ๋ณธ๋„ ๋ฐ”๋กœ ์ด three.js๋ฅผ ์ด์šฉํ•˜์—ฌ ๋งŒ๋“  ๊ฒƒ์ž…๋‹ˆ๋‹ค..!! GitHub: Where the world builds software Three.js What is Three.js Three.js๋Š” WebGL์„ ์ด์šฉํ•˜์—ฌ ์›นํŽ˜์ด์ง€์— 3D ๊ฐ์ฒด๋ฅผ ์‰ฝ๊ฒŒ ๋ Œ๋”๋ง ํ•˜๋„๋ก ๋„์™€์ฃผ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ 3D ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ WebGL์€ html์˜ ์บ”๋ฒ„์Šค ์š”์†Œ๋ฅผ ์ด์šฉํ•˜์—ฌ ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ธํ„ฐ๋ ‰ํ‹ฐ๋ธŒ ํ•œ 3D ๊ทธ๋ž˜ํ”ฝ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ CPU๊ฐ€ ์•„๋‹Œ GPU๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ™”๋ฉด์„ ๋ Œ๋”๋ง ํ•˜์—ฌ ๊ต‰์žฅํžˆ ๋น ๋ฆ….. 2021. 7. 25.