์ „์ฒด ๊ธ€

์ „์ฒด ๊ธ€

    [ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ] ! Non-null assertion operator

    !: ์ด๋ž€? ๋А๋‚Œํ‘œ๋ฅผ ์ง€์šฐ๊ณ  ๋‚˜์˜ค๋Š” ์—๋Ÿฌ : 'ui'์€(๋Š”) ์ด๋‹ˆ์…œ๋ผ์ด์ €๊ฐ€ ์—†๊ณ  ์ƒ์„ฑ์ž์— ํ• ๋‹น๋˜์–ด ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค.ts(2564) ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๊ฐ€ ํ˜น์‹œ null์ผ์ง€๋„ ๋ชจ๋ฅด๋Š” ๋Œ€์ƒ์— ์ปดํŒŒ์ผ์—๋Ÿฌ๋ผ์ธ ๋„์›Œ์ฃผ๋Š”๋ฐ ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ null์ด ์•„๋‹ˆ๋ผ๊ณ  ํ™•์‹ ์ด ์žˆ์„๋•Œ์— TSC Null์ฒดํฌ์— ์˜ˆ์™ธ ์ฒ˜๋ฆฌ ํ•ด์ฃผ๋Š” ๊ฒƒ https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html#non-null-assertion-operator Non-null assertion operator A new ! post-fix expression operator may be used to assert that its operand is non-null and non-und..

    "ํŽ˜์ด์ง€๊ฐ€ ์—†๋‹ค" 404 error๋ž€

    ์„ ์š”์•ฝ : 404 ์—๋Ÿฌ ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์„œ๋ฒ„์™€ ํ†ต์‹ ํ•  ์ˆ˜๋Š” ์žˆ์ง€๋งŒ ์„œ๋ฒ„๊ฐ€ ์š”์ฒญํ•œ ๋ฐ”๋ฅผ ์ฐพ์„ ์ˆ˜ ์—†๋‹ค๋Š” ๊ฒƒ์„ ๊ฐ€๋ฆฌํ‚ค๋Š” HTTP ํ‘œ์ค€ ์‘๋‹ต ์ฝ”๋“œ ๋ณดํ†ต HTTP์—์„œ ์‚ฌ์šฉ์ž๊ฐ€ ์š”์ฒญํ•˜๋Š” ํŽ˜์ด์ง€๋‚˜ ํŒŒ์ผ์„ ์ฐพ์„ ์ˆ˜ ์—†์„ ๋•Œ ๊ฐ€์žฅ ๋งŽ์ด ๋ฐœ์ƒ 404 ์˜ค๋ฅ˜๋Š” ํŽ˜์ด์ง€๊ฐ€ ์ด๋™๋˜๊ฑฐ๋‚˜ ์‚ญ์ œ๋˜์—ˆ์„ ๋•Œ ์ž์ฃผ ๋ฐ˜ํ™˜๋œ๋‹ค. 404์—๋Ÿฌ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• - ์‚ฌ์šฉ์ž์˜ ๊ฒฝ์šฐ ์ž…๋ ฅํ•œ URL ์žฌํ™•์ธ ์ƒˆ๋กœ ๊ณ ์นจ ๋ฐ ์บ์‹œ ์‚ญ์ œ ์ผ์‹œ์ ์ธ ํ˜„์ƒ์ธ์ง€ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด์„œ ์ƒˆ๋กœ ๊ณ ์นจ ๋ฐ ๋ธŒ๋ผ์šฐ์ € ์บ์‹œ๋ฅผ ์‚ญ์ œํ•ด๋ณด๊ธฐ - ๊ด€๋ฆฌ์ž์˜ ๊ฒฝ์šฐ ๋„๋ฉ”์ธ ๋„ค์ž„์„œ๋ฒ„ ์ •๋ณด ํ™•์ธ ๋„๋ฉ”์ธ ๋„ค์ž„์„œ๋ฒ„๊ฐ€ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์„ค์ •๋˜์–ด์žˆ๋Š”์ง€ ํ™•์ธ ํŽ˜์ด์ง€ ๋ณ€๊ฒฝ ์ด๋ ฅ ๋ฐ ๋””๋ ‰ํ† ๋ฆฌ ํ™•์ธ ํŽ˜์ด์ง€ ๋ณ€๊ฒฝ ์ด๋ ฅ์ด๋‚˜ ๋””๋ ‰ํ† ๋ฆฌ๊ฐ€ ์ž˜ ์„ค์ •๋˜์–ด์žˆ๋Š”์ง€ ํ™•์ธ ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์„œ๋ฒ„์™€ ํ†ต์‹ ํ•  ์ˆ˜๋Š” ์žˆ์ง€๋งŒ ์„œ๋ฒ„๊ฐ€ ์š”์ฒญํ•œ ๋ฐ”๋ฅผ ์ฐพ์„ ์ˆ˜ ์—†๋‹ค๋Š” ๊ฒƒ์„ ..

    ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ + ๋ฆฌ๋•์Šค

    https://devlog-h.tistory.com/33 Typescript์—์„œ Redux๋ฅผ ์‚ฌ์šฉํ•ด๋ณด์ž ์•ˆ๋…•ํ•˜์„ธ์š” ํœด๋ชฌ๋žฉ ์ดˆ๋ณด ๊ฐœ๋ฐœ์ž ์ฐจ์•”์ƒˆ์ž…๋‹ˆ๋‹ค. ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” Typescript ํ™˜๊ฒฝ์—์„œ Redux๋ฅผ ์‚ฌ์šฉํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. Redux๋Š” React ์ƒ์—์„œ state๊ด€๋ฆฌ๊ฐ€ ํž˜๋“ค ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์„ ๋ณด์™„ํ•˜๊ธฐ ์œ„ํ•ด ๋งŒ๋“ค์–ด์กŒ์Šต๋‹ˆ๋‹ค. โ€ป devlog-h.tistory.com

    [์†Œ์ŠคํŠธ๋ฆฌ] ์†Œ์ŠคํŠธ๋ฆฌ ๊ธฐ๋ณธ

    https://devlog-h.tistory.com/9 ์†Œ์ŠคํŠธ๋ฆฌ ์™„๋ฒฝ๋ถ„ํ•ด ๊ฐ€์ด๋“œ (2) Revision - Discard, Reset, Revert ์•ˆ๋…•ํ•˜์„ธ์š”. ํœด๋ชฌ๋žฉ ์ดˆ๋ณด ์•ˆ๋“œ๋กœ์ด๋“œ ์•ฑ ๊ฐœ๋ฐœ์ž(Ho Park)๊ฐ€ ์ž‘์„ฑํ•˜๋Š” ์ดˆ๋ณด ์•ˆ๋“œ๋กœ์ด๋“œ ์•ฑ ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๊ธ€ ์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์€ ์ดˆ๋ณด ๊ฐœ๋ฐœ์ž ๊ธฐ์ค€์œผ๋กœ ๊ฐœ์ธ์ ์ธ ์ƒ๊ฐ๊ณผ ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ์ž‘์„ฑ๋˜์—ˆ์Šต๋‹ˆ devlog-h.tistory.com https://devlog-h.tistory.com/7?category=1094461 ์†Œ์ŠคํŠธ๋ฆฌ ์™„๋ฒฝ๋ถ„ํ•ด ๊ฐ€์ด๋“œ (1) ์•ˆ๋…•ํ•˜์„ธ์š”. ํœด๋ชฌ๋žฉ ์ดˆ๋ณด ์•ˆ๋“œ๋กœ์ด๋“œ ์•ฑ ๊ฐœ๋ฐœ์ž(Ho Park)๊ฐ€ ์ž‘์„ฑํ•˜๋Š” ์ดˆ๋ณด ์•ˆ๋“œ๋กœ์ด๋“œ ์•ฑ ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๊ธ€ ์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์€ ์ดˆ๋ณด ๊ฐœ๋ฐœ์ž ๊ธฐ์ค€์œผ๋กœ ๊ฐœ์ธ์ ์ธ ์ƒ๊ฐ๊ณผ ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ์ž‘์„ฑ๋˜์—ˆ์Šต๋‹ˆ devlog-h.t..

    python -m SimpleHTTPServer 8000 ์˜ค๋ฅ˜

    python -m SimpleHTTPServer 8000 ๋ฅผ ํ„ฐ๋ฏธ๋„์— ์ณค์„ ๋•Œ No module named SimpleHTTPServer ๋ผ๋Š” ์—๋Ÿฌ๋ฉ”์‹œ์ง€๋ฅผ ๋ฐ›๋Š” ์ด์Šˆ์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์€ ์•„๋ž˜ ๋ธ”๋กœ๊ทธ ํŒŒ์ด์ฌ(python)์„ ์ด์šฉํ•œ ๊ฐ„๋‹จํ•œ ํŒŒ์ผ ์„œ๋ฒ„ ๋ช…๋ น (daum.net) ํŒŒ์ด์ฌ(python)์„ ์ด์šฉํ•œ ๊ฐ„๋‹จํ•œ ํŒŒ์ผ ์„œ๋ฒ„ ๋ช…๋ น ํŒŒ์ด์ฌ(python)์„ ์ด์šฉํ•œ ๊ฐ„๋‹จํ•œ ํŒŒ์ผ ์„œ๋ฒ„ ๋ช…๋ น ๊ธ€. ์˜ค์ƒ๋ฌธ (sualchi@daum.net) ํŒŒ์ด์ฌ์ด ์„ค์น˜๋˜์–ด ์žˆ๊ณ  PATH๊นŒ์ง€ ์„ค์ •๋˜์–ด ์žˆ๋‹ค๋ฉด ๋‹ค์Œ์ฒ˜๋Ÿผ ํ•œ ์ค„๋งŒ ์ž…๋ ฅํ•˜๋ฉด ํŒŒ์ผ ์„œ๋ฒ„๋กœ ๋™์ž‘ํ•˜๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. ์˜ˆ blog.daum.net ํŒŒ์ด์ฌ์ด ์„ค์น˜๋˜์–ด ์žˆ๊ณ  PATH๊นŒ์ง€ ์„ค์ •๋˜์–ด ์žˆ๋‹ค๋ฉด ๋‹ค์Œ์ฒ˜๋Ÿผ ํ•œ ์ค„๋งŒ ์ž…๋ ฅํ•˜๋ฉด ํŒŒ์ผ ์„œ๋ฒ„๋กœ ๋™์ž‘ํ•˜๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. [ํŒŒ์ผ ์„œ๋ฒ„ ๊ตฌ์ถ• ๋ฐฉ๋ฒ•] ํŒŒ์ด์ฌ..

    WebGL์ด๋ž€, three.js๋ž€, pixi.js๋ž€

    WebGL์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€(+ HTML Canvas, WebGL ๊ธฐ์ดˆ) (tistory.com) WebGL์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€(+ HTML Canvas, WebGL ๊ธฐ์ดˆ) ์ด ๊ธ€์— ๋“ค์–ด๊ฐ€๊ธฐ ์•ž์„œ, ํ˜น์‹œ ํ™”๋ คํ•œ ์• ๋‹ˆ๋ฉ”์ด์…˜๋งŒ ๋ณด๊ณ  ํฅ๋ฏธ๋ฅผ ๊ฐ€์กŒ๋‹ค๋ฉด, ํ•œ ๊ฐ€์ง€๋ฅผ ๋” ์ƒ๊ฐํ•˜๋ฉด ์ข‹์„ ๊ฑฐ ๊ฐ™๋‹ค. ์˜ˆ์ƒํ–ˆ๊ฒ ์ง€๋งŒ ์ˆ˜ํ•™์ด๋‹ค. ๊ฒฐ๊ตญ 3D ๊ทธ๋ž˜ํ”ฝ์€ ์„ธ ๊ฐœ์˜ ์ขŒํ‘œ๋ฅผ ์„ ์œผ๋กœ ์—ฐ๊ฒฐํ•ด์„œ ์ž… code-masterjung.tistory.com WEB GL์€ ์›น์ƒ์—์„œ ๊ทธ๋ž˜ํ”ฝ์„ ํ‘œํ˜„ํ•  ๋•Œ ์“ฐ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋กœ ์“ฐ์ด๋ฉฐ 2D์™€ 3D ๊ทธ๋ž˜ํ”ฝ์„ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค. WEB GL์€ GPU๋ฅผ ์ด์šฉํ•ด์„œ ๊ทธ๋ฆผ์„ ๊ทธ๋ฆฌ๊ธฐ ๋•Œ๋ฌธ์— ์„ฑ๋Šฅ๋ฉด์—์„œ ์œ ๋ฆฌํ•จ์ด ์žˆ๋‹ค. ํŠนํžˆ ์›น์ƒ์—์„œ 3D๋กœ ๊ทธ๋ ค์ง€๋Š” ๊ฒƒ๋“ค์€ WEB GL๋กœ ๊ทธ๋ ค์กŒ๋‹ค๊ณ  ๋ด๋„ ๋ฌด๋ฐฉํ•œ๋ฐ, WEB GL API๋“ค..