Computer/WEB, PHP-JAVA-Script
DOMSubtreeModified ์ด๋ ์ ์์๋ณด์.
๊ฐ์๊ธฐ, DOMSubtreeModified ์ด๋
์์ผ๋ก ์ธํด ๋นํน์ค๋ฌ์ด ๋ฌธ์ ๊ฐ ์๊ฒจ์..[Deprecation] Listener added for a 'DOMSubtreeModified' mutation event. This event type is deprecated, and will be removed from this browser VERY soon. Usage of this event listener will cause performance issues today, and represents a large risk of imminent site breakage. Consider using MutationObserver instead. See for more information.ํฌ๋กฌ์์ ์ด์ฌํ ๋ณด..
Story/์ผ์๋ค๋ฐ์ฌ
์ฐ๋ฆฌ๋๋ผ ์ฌ๋ฆผํฝ 1๋ฑ์ด๋ท.!
์ฐ์ค...!!!์ผ๋ง๋ ๊ฐ ์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง, ์ฐ๋ฆฌ๋๋ผ ์ข
ํฉ / ๋ฉ๋ฌ์ ๋๋ค 1๋ฑ์ด๋ค....!!!!!!!์ข์ผ๋๊น, ๊ธฐ์ตํด๋์!G1์ผ๋ก ๊ฐ์ ๋ํ๋ฏผ๊ตญ!!๋ ํ์ด๋์.. ์ฌ๋ฆผํฝ์์ 1๋ฑํ๋๊ฑฐ ์ฒ์๋ณธ๋ค.์ ์งํ ์ ์๊ฒ ์ง๋ง, 1๋ฑํ๋ฉด ์ข๊ฒ ๋ค.๋ง์ ์ข
๋ชฉ์ ๋๊ฐ์ ์์ผ๋ฉด ์ข์ํ
๋ฐ...
Computer/ETC
๋ฐ์ดํฐ๋ฒ ์ด์ค๊ฐ ํ์ํ๋ฐ, ์ธ๋ถ์์ ์ฌ์ฉ๊ฐ๋ฅํ ๋ฌด๋ฃ๊ฐ ์์๊น?
๋ด์ฉ์ ์ ๋ชฉ ๊ทธ๋๋ก์ด๋ค.๋๋ถ๋ถ์ ์นํธ์คํ
์ localhost ๋ง ์ง์ํ๊ณ , ๊ทธ๋ ๋ค๊ณ ์ฌ๋ฌด์ค์ด๋ ์ง์์ ์ปดํจํฐ๋ฅผ ๊ฐ์ง๊ณ ๋๋น๋ฅผ ์ค์นํ๊ณ ์๋ฒ๋ฅผ ์ด์ฉํ๊ธฐ์๋... ๊ท์ฐฎ๋ค.๊ทธ๋์, ๋ฌด๋ฃ๋ก ์ฌ์ฉํ ์ ์๋ ์ธ๋ถ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์๋น์ค๋ค์ ์๋์ ๋ช ๊ฐ์ง๋ฅผ ์๊ฐํด ๋ณด๊ฒ ๋ค.1. Firebase Firestore์ค๋ช
: Google์์ ์ ๊ณตํ๋ NoSQL ํด๋ผ์ฐ๋ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ก, ์ค์๊ฐ ๋ฐ์ดํฐ๋ฒ ์ด์ค ๊ธฐ๋ฅ๋ ์ ๊ณตํฉ๋๋ค.๋ฌด๋ฃ ํ๋: Firebase Spark Plan์ ์ 1GB์ ์ ์ฅ ๊ณต๊ฐ๊ณผ ์ผ์ผ 50,000 ์ฝ๊ธฐ, 20,000 ์ฐ๊ธฐ, 20,000 ์ญ์ ์์
์ ์ ๊ณตํฉ๋๋ค.์น์ฌ์ดํธ: Firebase Firebase | Google's Mobile and Web App Development Platform๊ฐ๋ฐ์๊ฐ ์ฌ์ฉ์๊ฐ ์ข์..
Encyclopedia/Info
๋กํ์ด, Lofi : lofi ์์ ์ด๋?
๋กํ์ด(lofi, low fidelity) ์์
์ ์ผ๋ฐ์ ์ผ๋ก ์ ํด์๋ ๋
น์์ด๋ ๊ธฐ์ ์ ๊ฒฐํจ์ด ์๋ ์๋ฆฌ๋ก ํน์ง์ง์ด์ง๋ ์์
์ฅ๋ฅด๋ฅผ ์๋ฏธํฉ๋๋ค. ์ด ์ฅ๋ฅด๋ 1980๋
๋์ 1990๋
๋์ ์ธ๊ธฐ๋ฅผ ์ป๊ธฐ ์์ํ์ผ๋ฉฐ, ํนํ ์๋ง์ถ์ด ์์
๊ฐ์ ๋
๋ฆฝ ์์
๊ฐ๋ค ์ฌ์ด์์ ๋ง์ด ์ฌ์ฉ๋์์ต๋๋ค.๋กํ์ด ์์
์ ์ฃผ์ ํน์ง์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค์์ง์ ์ ํด์๋: ๋
น์์ ๋
ธ์ด์ฆ, ์ก์, ๋์คํ ์
๋ฑ ๊ธฐ์ ์ ๊ฒฐํจ์ด ํฌํจ๋์ด ์์ฐ์ค๋ฝ๊ณ ํธ์ํ ๋๋์ ์ค๋๋ค.๋๋ฆฐ ํ
ํฌ: ๋กํ์ด ์์
์ ์ฃผ๋ก ๋๋ฆฐ ํ
ํฌ์ ๋ฐ๋ณต์ ์ธ ๋ฆฌ๋ฌ์ ์ฌ์ฉํ์ฌ ํธ์ํ๊ณ ์ฐจ๋ถํ ๋ถ์๊ธฐ๋ฅผ ์กฐ์ฑํฉ๋๋ค.์ฌํํ ๊ตฌ์ฑ: ๋จ์ํ ๋ฉ๋ก๋์ ๋นํธ, ๊ฐ๊ฒฐํ ์
๊ธฐ ์ฌ์ฉ์ด ํน์ง์
๋๋ค.์ํ๋ง: ์ค๋๋ ์์
์ด๋ ์ผ์ ์๋ฆฌ๋ฅผ ์ํ๋งํ์ฌ ๋
ํนํ ์ฌ์ด๋๋ฅผ ๋ง๋ญ๋๋ค.๋กํ์ด ์์
์ ๊ณต๋ถํ๊ฑฐ๋ ์ผํ ๋ ๋ฐฐ๊ฒฝ์์
..
Encyclopedia/Info
2.8mm, 4mm, 6mm ๋ฐ 8mm ๋ ์ฆ์ ์ฐจ์ด์
๋ ์ฆ์ ์ด์ ๊ฑฐ๋ฆฌ๋ ์นด๋ฉ๋ผ๊ฐ ์ผ๋ง๋ ๋์ ๋ฒ์๋ฅผ ๋ณผ ์ ์๋์ง์ ๊ฐ๋ณ ์์๋ฅผ ์ผ๋ง๋ ํฌ๊ฒ ํ๋ํ ์ ์๋์ง๋ฅผ ๊ฒฐ์ ํฉ๋๋ค. ์ด์ ๊ฑฐ๋ฆฌ๊ฐ ๊ธธ์๋ก ์์ผ๊ฐ์ด ์ข์์ง๊ณ ํ๋์จ์ด ๋์์ง๋๋ค. VIGI ์ค๋ด ์นด๋ฉ๋ผ์ ์ด์ ๊ฑฐ๋ฆฌ๋ 2.8mm ๋๋ 4mm์ด๊ณ , VIGI ์ค์ธ ์นด๋ฉ๋ผ์ ์ด์ ๊ฑฐ๋ฆฌ๋ 4mm ๋๋ 6mm์
๋๋ค. ๋ชจ๋ธ ๋ฒํธ์ ๋ง์ง๋ง ์ซ์๋ ๋ ์ฆ์ ์ด์ ๊ฑฐ๋ฆฌ๋ฅผ ๋ํ๋
๋๋ค. ์๋ฅผ ๋ค์ด, - VIGI C400HP-4: ์ด์ ๊ฑฐ๋ฆฌ๋ 4mm์
๋๋ค. - VIGI C300HP-6: ์ด์ ๊ฑฐ๋ฆฌ๋ 6mm์
๋๋ค. ์ ์ ํ ๋ ์ฆ๋ฅผ ์ ํํ๋ ๋ฐฉ๋ฒ์ ๊ฐ๋จํฉ๋๋ค. ์ด์ ๊ฑฐ๋ฆฌ๊ฐ ๊ธธ์๋ก ์์ผ๊ฐ์ด ์ข์์ง๋ฉด์ ๋ ๋ฉ๋ฆฌ ์๋ ๋ฌผ์ฒด๋ฅผ ์์ธํ ๊ด์ฐฐํ ์ ์์ต๋๋ค. ๋ฐ๋ผ์ ์ด์ ๊ฑฐ๋ฆฌ๊ฐ ์งง์ ๋ ์ฆ๋ ๋์ ๋ฒ์๋ฅผ ๊ด์ฐฐํ๋ ๋ฐ ์ ํฉํ๋ฉฐ, ์์ ์์ญ์ ๋ชจ๋ํฐ..
Computer/WEB, PHP-JAVA-Script
Spring(ํ๋ ์์ํฌ)
์คํ๋ง ํ๋ ์์ํฌ(Spring Framework)๋ ์๋ฐ ํ๋ซํผ์ ์ํ ์คํ ์์ค ์ ํ๋ฆฌ์ผ์ด์
ํ๋ ์์ํฌ๋ก, ์ํฐํ๋ผ์ด์ฆ ์ ํ๋ฆฌ์ผ์ด์
๊ฐ๋ฐ์ ์ํ ํฌ๊ด์ ์ธ ์ธํ๋ผ๋ฅผ ์ ๊ณตํฉ๋๋ค. ์คํ๋ง ํ๋ ์์ํฌ๋ ๋ค์ํ ๊ธฐ๋ฅ๊ณผ ๋ชจ๋์ ํตํด ๊ฐ๋ฐ์์ ์์ฐ์ฑ์ ๋์ด๊ณ , ์ ์ฐํ ์ํคํ
์ฒ๋ฅผ ์ค๊ณํ ์ ์๋๋ก ๋์ต๋๋ค.์ฃผ์ ํน์ง์์กด์ฑ ์ฃผ์
(Dependency Injection, DI):๊ฐ์ฒด ๊ฐ์ ์์กด์ฑ์ ํ๋ ์์ํฌ๊ฐ ์ฃผ์
ํด์ฃผ๋ ๋ฐฉ์์
๋๋ค. ์ด๋ฅผ ํตํด ๊ฐ์ฒด์ ์์ฑ๊ณผ ๊ด๊ณ ์ค์ ์ด ์ฝ๋์์ ๋ถ๋ฆฌ๋์ด ํ
์คํธ์ ์ ์ง๋ณด์๊ฐ ์ฉ์ดํด์ง๋๋ค.AOP (Aspect-Oriented Programming, ๊ด์ ์งํฅ ํ๋ก๊ทธ๋๋ฐ):๋น์ฆ๋์ค ๋ก์ง๊ณผ ํก๋จ ๊ด์ฌ์ฌ๋ฅผ ๋ถ๋ฆฌํ์ฌ ๋ชจ๋ํํ๋ ๋ฐฉ๋ฒ์
๋๋ค. ์๋ฅผ ๋ค์ด, ๋ก๊น
, ํธ๋์ญ์
๊ด๋ฆฌ, ๋ณด์ ๋ฑ์ ๊ธฐ๋ฅ์ ๋ถ๋ฆฌ..
Computer/Machine learning models
๋ฐ์ดํฐ ์ด๋ ธํ ์ด์ (Data Annotation)
ํ์ต์ ์ํด ์ด๋ฏธ์ง์ ๋ผ๋ฒจ๋งํ๋ ๊ณผ์ ์ "๋ฐ์ดํฐ ์ด๋
ธํ
์ด์
"์ด๋ผ๊ณ ํฉ๋๋ค. ๋ฐ์ดํฐ ์ด๋
ธํ
์ด์
์ ๋จธ์ ๋ฌ๋ ๋ชจ๋ธ, ํนํ ๋ฅ ๋ฌ๋ ๋ชจ๋ธ์ ํ์ต์ํค๊ธฐ ์ํด ๋ฐ์ดํฐ์ ์ ๋ต ๋ ์ด๋ธ์ ๋ถ์ฌํ๋ ๊ณผ์ ์
๋๋ค. ์ด๋ฅผ ํตํด ๋ชจ๋ธ์ด ํ์ต ๋ฐ์ดํฐ์ ํด๋น ๋ ์ด๋ธ ๊ฐ์ ๊ด๊ณ๋ฅผ ํ์ตํ ์ ์๊ฒ ๋ฉ๋๋ค.๋ฐ์ดํฐ ์ด๋
ธํ
์ด์
์ ์ฃผ์ ์ ํ:๊ฐ์ฒด ๊ฐ์ง(Object Detection):์ด๋ฏธ์ง์์ ์ฌ๋ฌผ์ ์์น์ ํฌ๊ธฐ๋ฅผ ๋ฐ์ด๋ฉ ๋ฐ์ค ํํ๋ก ์ง์ ํฉ๋๋ค.์: YOLO, Faster R-CNN.์ด๋ฏธ์ง ๋ถ๋ฅ(Image Classification):์ด๋ฏธ์ง ์ ์ฒด์ ํ๋์ ๋ ์ด๋ธ์ ๋ถ์ฌํฉ๋๋ค.์: ๊ฐ, ๊ณ ์์ด, ์๋์ฐจ.์ธ๊ทธ๋ฉํ
์ด์
(Segmentation):์ด๋ฏธ์ง์ ๊ฐ ํฝ์
์ ๋ ์ด๋ธ์ ๋ถ์ฌํฉ๋๋ค.์ธ๋ถ ์ ํ:์ด๋ฏธ์ง ๋ถํ (Image Segmentation): ์ด๋ฏธ..
Computer/ETC
๋ฐ์ดํฐ ํ๋ฆ๋(Data Flow Diagram, DFD)
๋ฐ์ดํฐ ํ๋ฆ๋(Data Flow Diagram, DFD)๋ ์์คํ
์ ๋ฐ์ดํฐ ํ๋ฆ๊ณผ ์ฒ๋ฆฌ ๊ณผ์ ์ ์๊ฐ์ ์ผ๋ก ํํํ ๋๊ตฌ์
๋๋ค. DFD๋ ์์คํ
๋ถ์๊ณผ ์ค๊ณ ๋จ๊ณ์์ ์ค์ํ ์ญํ ์ ํ๋ฉฐ, ์์คํ
์ ๊ตฌ์กฐ๋ฅผ ์ดํดํ๊ณ ์ค๊ณํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. DFD๋ ํฌ๊ฒ ๋ค ๊ฐ์ง ์ฃผ์ ์์๋ก ๊ตฌ์ฑ๋ฉ๋๋ค.1. ํ๋ก์ธ์ค(Process)ํ๋ก์ธ์ค๋ ์
๋ ฅ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ ์ฒ๋ฆฌํ๊ณ , ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ์ถ๋ ฅํ๋ ์์
๋จ์๋ฅผ ๋ํ๋
๋๋ค.ํ๋ก์ธ์ค๋ ๋๊ทธ๋ผ๋ฏธ ๋๋ ํ์์ผ๋ก ํํ๋๋ฉฐ, ๋ด๋ถ์ ํด๋น ํ๋ก์ธ์ค์ ์ด๋ฆ์ ์ ์ต๋๋ค.2. ๋ฐ์ดํฐ ํ๋ฆ(Data Flow)๋ฐ์ดํฐ ํ๋ฆ์ ๋ฐ์ดํฐ์ ์ด๋ ๊ฒฝ๋ก๋ฅผ ๋ํ๋
๋๋ค.ํ์ดํ๋ก ํํ๋๋ฉฐ, ํ์ดํ์ ๋ฐฉํฅ์ด ๋ฐ์ดํฐ์ ํ๋ฆ ๋ฐฉํฅ์ ๋ํ๋
๋๋ค.๋ฐ์ดํฐ ํ๋ฆ์ ์ด๋ฆ์ ํ์ดํ ์์ ์ ์ด์ค๋๋ค.3. ๋ฐ์ดํฐ ์ ์ฅ์(Data Sto..
Project/TISTORY_SKIN
๋ธ๋ก๊ทธ ์คํจ, ์ด์ด์ ์ด์ผ๊ธฐ EB2 >>> ME2
์์๋๋ก๋ผ๋ฉด ์๋
๊ฐ์์ ๊ฐ๋ฐ์ด ์๋ฃ๋์ด ๊ณต๊ฐ๋์์ด์ผ ๋์๋๋ฐ, ์ด๋์ ๊ฒ์ผ๋ฆ์ผ๋ก ์ฌํด๋ ์ฌ๋ฆ์ ์ถ๊ฐ์์
์ค์ด๋ค. ๊ทธ๋ฆฌ๊ณ ํ๋ค๋ณด๋ ์์ด๋์ด๊ฐ ๋ ์๊ฒจ์ ๋ ์ถ๊ฐํ๊ณ ์๋ค.๋ฌธ์ ๋ ์ถ๊ฐํ๋ค๋ณด๋ ์ด๋๊ฐ ์๋ชป ๊ฑด๋๋ ค์ ๋ฉ์ธ๋ธ๋ก๊ทธ์ธ ์ด๋
์, blog.eightbox.net์ ๋์์ธ์ด ๊นจ์ง๊ฒ์ด๋ค. ๋ค์ ์ค์ ์ ํ๋ฉด๋๋ค์ง๋ง ๊ท์ฐฎ๋ค............. ํ์ง๋ง ํด์ผ์ง..๋ช
์นญ๋ณ๊ฒฝEB2๋ผ๊ณ ํ ๋ ค๋ค๊ฐ ME2์๋์ฐ๋ ์ด๋
์์ผ๋ก ๋ค์ ๋์์๋ค.์ธ๊ธฐ๊ธ์ธ๋ค์ผํ์ผ๋ก ๋ง๋ ๋์์ธ์์ ์ธ๊ธฐ๊ธ์ ํ์ํ๊ณ ์ถ์๋ฐ,,์์ ์ด๋ฏธ์ง์ฒ๋ผ ์ธ๋ค์ผ์ ์ค๋ฅธํธ์ผ๋ก ๋์๊ฐ๋ ๋ณ์ ์ถ๊ฐํ์๋ค.์ธ๊ธฐ๊ธ์ ์ด๋ป๊ฒ ํ ๊น ๊ณ ๋ฏผํ๋ค๊ฐ ์ฌ๋ฌ๊ฐ์ง ๋ฐฉ์์ด ์์๋๋ฐ,์ฒซ๋ฒ์งธ๊ฐ ํฐ์คํ ๋ฆฌ API๋ฅผ ์ฌ์ฉํด์ ์กฐํ์๋ฅผ ๊ฐ์ ธ์ค๋๊ฑฐ์๋๋ฐ......... API ์ข
๋ฃ๋๋ค๊ณ ...๋๋ฒ์งธ๋ ๊ตฌ..
Computer/WebDesign, Animation
์ ๋ฌด์ ๋์๋๋ ์ถ์ฒ์ฌ์ดํธ - ์น ์ ๋๋ฉ์ดํฐ
์ ๋๋ฉ์ด์
์ ์น ๊ฐ๋ฐ์์ ์ค์ํ ์์๋ก, ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํค๊ณ ์๊ฐ์ ๋งค๋ ฅ์ ๋ํด์ค๋๋ค. ์ฌ๊ธฐ, ์ฌ๋ฌ๋ถ์ด ์์๋๋ฉด ์ข์ ๋ค ๊ฐ์ง ์ฃผ์ ์ ๋๋ฉ์ด์
๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํ๋ซํผ์ ์๊ฐํฉ๋๋ค.1. GSAPhttps://gsap.com/ Homepage | GSAPGSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.gsap.comGSAP (GreenSock Animation Platform)์ ์น์ฉ ๊ณ ์ฑ๋ฅ ์ ๋๋ฉ์ด์
์ ๋ง๋ค ์ ์๊ฒ ํด์ฃผ๋ ์ ๋ฌธ JavaScript ์ ๋๋ฉ์ด์
๋ผ์ด๋ธ๋ฌ๋ฆฌ์
๋๋ค. UI..
Story/์ฌ๋ฌด์ค์ด์ผ๊ธฐ
ํ..!!! ๋๋ฅผ ๋ค์ ๋ถ์ก์์ค ์ด๋๋น!!!
์์ ์ด๋ฏธ์ง์ ๊ฐ์ด, ๋งค๋
ํ๋์ ์ทจ์ํ๋ฉด ์ด๋๋น์์ ํ๋ฌ ๋ ์คํฐ์ด๋ ๊ณ์ ์จ ๋ณด๋ผ๊ณ ๊ผฌ์
์๋ค. ๊ทธ๋์ ๋ชป ์ด๊ธฐ๋์ฒํ๋ฉด์ 4๋
์งธ ์ฌ์ฉ์ค์ด์๋๋ฐ.. ์! ์! ์! ์ฌํด๋ ๋ค์ ์ก์์ฃผ์ง ์๋๊ฑด๊ฐ..........์ด์ ์ด๋๋น ๋ฐฐ๊ฐ ๋ถ๋ ๋๋ณด๋ค... ใ
_ใ
๋ค๋ฅธ ๋
์์ผ๋ก ์ด๋ฏธ์ง ํธ์ง์ ์ด๊ฒจ์ผ ํ๋...?์ ์ด๋ฒ์๋ ํ๋ฒ ๋ ๋ฌผ์ด๋ด์ฃผ์ง ์๊ณ ๋ฐ๋ก ํ๋ ์ทจ์๊ฐ ๋์ด ๋ฒ๋ฆฐ๊ฑด์ง, ๊ฐ์๊ธฐ ๋ฌ๋ผ์ง ๋์ ํ๋๋ฅผ ๋ณด๋....... ์์ธํ๋ค.๋ค์ ๋ ์ก์์ค~์ง์ฆ๋..... ํ๋ฒ์ ๋ ์ก์์คฌ์ด์ผ์ง...ํฅ! ๐ท๏ธRelated Previous Published Articles2020.06.17 - [Story/์ผ์๋ค๋ฐ์ฌ] - ์ด์ ์ด๋๋น Creative Cloud ๋ค.
Computer/WEB, PHP-JAVA-Script
Node.js์์ ์น์๋ฒ ๋ฐ๋ก ๊ฐ๋ฅํ๋ฐ, Nginx๋ฅผ ์ฌ์ฉํ๋ ์ด์
Node.js๋ ์์ฒด์ ์ผ๋ก ์น ์๋ฒ๋ฅผ ์คํํ ์ ์๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ฉฐ, ์ด๋ฅผ ํตํด ์ง์ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ์ด์ํ ์ ์๋ค.๊ฐ๋จํ ์๋ก, http ๋ชจ๋์ ์ฌ์ฉํ์ฌ ๊ธฐ๋ณธ์ ์ธ ์น ์๋ฒ๋ฅผ ์ค์ ํ ์ ์๋ค.const http = require('http');const hostname = '127.0.0.1';const port = 3000;const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n');});server.listen(port, hostname, () => { console.log(`Server runnin..