Loading...
2023. 12. 3. 17:26

[Web] HTML ๋ง๊ณ  HTMX(HyperText Markup eXtension)

์›นํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“œ๋ ค๋ฉด ๋ฐ˜๋“œ์‹œ ๋ฐฐ์›Œ์•ผ ํ•˜๋Š” ์–ธ์–ด ์ค‘ ํ•˜๋‚˜๊ฐ€ ๋ฐ”๋กœ HTML(HyperText Markup Language)์ž…๋‹ˆ๋‹ค. HTML์€ ํฐ ํ™”๋ฉด์— ํ…์ŠคํŠธ(๊ธ€์ž)๋ฅผ ํ‘œ๊ธฐํ•˜๋Š” ๋งˆํฌ์—… ์–ธ์–ด ์ค‘ ํ•˜๋‚˜๋กœ ๊ณผ๊ฑฐ HTTP ํ†ต์‹ ์„ ์ด์šฉํ•˜์—ฌ ํฐ ํ…์ŠคํŠธ ํŒŒ์ผ์„ ์ฃผ๊ณ  ๋ฐ›๋Š”๋ฐ ์‚ฌ์šฉ๋˜์—ˆ๋˜ ํ‘œ์ค€ ์–ธ์–ด์˜€์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ํ˜„๋Œ€์—๋Š” ํ…์ŠคํŠธ๋ณด๋‹ค ๋” ๋‹ค์–‘ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†กํ•˜๊ธฐ๋ฅผ ์›ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผํ…Œ๋ฉด ํ…์ŠคํŠธ ๋ณด๋‹ค๋Š” ์ด๋ฏธ์ง€, ๋น„๋””์˜ค, ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋“ฑ ๋™์ ์ธ ์ปจํ…์ธ ๋ฅผ ์ฃผ๊ณ  ๋ฐ›๊ธฐ๋ฅผ ์›ํ•˜์—ฌ ์ดํ›„ HTML 5 ๋ฒ„์ „์—์„œ๋Š” ์ด๋ฏธ์ง€, ๋น„๋””์˜ค ์ „์†ก์„ ์œ„ํ•œ ํ‘œ์ค€ ํƒœ๊ทธ๊ฐ€ ์ •์˜๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ , ํŽ˜์ด์ง€์— ๋” ๋งŽ์€ ํšจ๊ณผ๋ฅผ ์ฃผ๊ธฐ ์œ„ํ•ด Javascript, jQuery ๋“ฑ์„ ์‚ฌ์šฉํ•˜๊ธฐ๋„ ํ–ˆ์ฃ . ํ•˜์ง€๋งŒ ์ด๋“ค์€ ๋„ˆ๋ฌด ๋ฐฐ์šฐ๊ธฐ ์–ด๋ ต๊ณ  ๋ฌด๊ฑฐ์›Œ์„œ ์ „๋ฌธ์ ์œผ๋กœ ๋ฐฐ์šฐ์ง€ ์•Š์œผ๋ฉด ..

2021. 5. 16. 12:01

[Web] Dropbox / Adobe Photoshop API๋กœ ์ด๋ฏธ์ง€ ๋ฐฐ๊ฒฝ ์ง€์šฐ๊ธฐ

๊ฐœ๋ฐœ ๋ฒˆ์™ธ ๊ธ€์„ ์ž‘์„ฑํ•˜๋Š” ๊ฑด ์ง€๊ทนํžˆ ์˜ค๋žœ๋งŒ์ธ ๊ฑฐ ๊ฐ™๋„ค์š”. ์ด๋ฒˆ ํฌ์ŠคํŠธ์—์„œ๋Š” ํ˜„์žฌ Beta๋กœ ์ œ๊ณต๋˜๊ณ  ์žˆ๋Š” Adobe Photoshop API๋ฅผ ์ด์šฉํ•ด์„œ ์ด๋ฏธ์ง€์˜ ๋ฐฐ๊ฒฝ์„ ์ง€์šฐ๋Š” ๊ฐ„๋‹จํ•œ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. Adobe Photoshop API https://github.com/AdobeDocs/photoshop-api-docs AdobeDocs/photoshop-api-docs Adobe Photoshop API. Contribute to AdobeDocs/photoshop-api-docs development by creating an account on GitHub. github.com Adobe API๋Š” ํ˜„์žฌ ๊ณต๊ฐœ ๋ฒ ํƒ€์™€ ๋น„๊ณต๊ฐœ ๋ฒ ํƒ€ ๋‘ ๊ฐ€์ง€๋กœ ๋‚˜๋ˆ ์„œ ์ง„ํ–‰ ์ค‘์— ์žˆ์œผ๋ฉฐ Photostop ..

2017. 7. 13. 20:56

์ž์‹ ์˜ Tistory ๋ธ”๋กœ๊ทธ ๊ฒ€์ƒ‰์— ์Œ์„ฑ ์ธ์‹ ๊ธฐ๋Šฅ์„ ๋„ฃ์–ด๋ณด์ž.

Tistory ๋ธ”๋กœ๊ทธ์—๋Š” ํฌ์ŠคํŠธ๋ฅผ ๊ฒ€์ƒ‰ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์ด ๋‚ด์žฅ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ธฐ๋Šฅ์€ Tistory ๋ธ”๋กœ๊ทธ์—์„œ ์ž์ฒด์ ์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ฒ€์ƒ‰์ด ์ด๋ฃจ์–ด์ง€๋Š”๋ฐ์š”. ๋ณดํ†ต ๊ฒ€์ƒ‰์€ ํ‚ค๋ณด๋“œ๋กœ ์ž์‹ ์ด ์ฐพ๊ณ ์ž ํ•˜๋Š” ํ‚ค์›Œ๋“œ๋ฅผ ์ž…๋ ฅํ•˜์—ฌ ๊ฒ€์ƒ‰์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 12 ~ 13๋…„๋„ ์ €์˜ ๋ธ”๋กœ๊ทธ์—๋Š” ๊ฒ€์ƒ‰ ๋ฐ•์Šค์— ์Œ์„ฑ ์ธ์‹ API๋ฅผ ์žฅ์ฐฉํ•œ ์ ์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” Speech Input API for HTML5๋ฅผ ์‚ฌ์šฉํ•œ ๊ฒƒ์ธ๋ฐ์š”. ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์ด ๋งค์šฐ ์‰ฝ๊ณ  ํŽธํ•ด์„œ ๋ˆ„๊ตฌ๋‚˜ ๋”ฐ๋ผํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์œ„ ์†Œ์Šค๋ฅผ input ํƒœ๊ทธ ์˜†์— ๋ถ€์ฐฉํ•˜๋ฉด ์‰ฝ๊ฒŒ ์Œ์„ฑ ์ธ์‹ ๊ธฐ๋Šฅ์„ ํƒ‘์žฌ์‹œํ‚ฌ ์ˆ˜ ์žˆ์—ˆ์ฃ . ๋‹น์‹œ Google Chrome ๋ธŒ๋ผ์šฐ์ €์—์„œ ์œ ์ผํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ €์—์„œ๋Š” ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๋ถˆํŽธํ•จ์ด ์žˆ์—ˆ๊ณ , ํƒœ๊ทธ ์†์„ฑ์œผ๋กœ..

2013. 10. 2. 12:53

Google Web Designer 1.0 Beta

๋œป๋ฐ–์— ๋“ฃ์ง€ ๋ชปํ•œ Google์—์„œ ๋งŒ๋“  ์›น ์—๋””ํ„ฐ ํ”„๋กœ๊ทธ๋žจ์˜ ๋“ฑ์žฅ์ด๋„ค์š”;; ์ €๋งŒ ๋ชป๋“ค์€ ๊ฒƒ์ผ๊นŒ์š”? ์–ด์จŒ๋“  ์‚ฌ์šฉ์„ ํ•ด๋ณธ ํ›„๊ธฐ๋ฅผ ์ ์–ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. Google Web Designer๋Š” ํ˜„์žฌ Beta Release ์ž…๋‹ˆ๋‹ค. ์ง€์›๋˜๋Š” ํ”Œ๋žซํผ(OS)๋Š” Windows์™€ Mac์—์„œ ์ง€์›๋˜๋ฉฐ Linux๋Š” ์ง€์›ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. UI๋Š” Adobe PhotoShop๊ณผ ์œ ์‚ฌํ•˜๋ฉฐ ์›น ๋””์ž์ด๋„ˆ์ธ ๋งŒํผ Code๋ฅผ ์ง์ ‘ ์ž…๋ ฅํ•˜์ง€ ์•Š์•„๋„ ๋งˆ์šฐ์Šค๋กœ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ„ํŽธํ•˜๋‹ค๋Š” ์žฅ์ ์ด ์žˆ๊ฒ ์ง€์š”? ํ•˜์ง€๋งŒ ์—ญ์‹œ Code๋กœ ์ง์ ‘ ์“ฐ๋Š” ๊ฒƒ๋งŒํผ ๋งค๋ ฅ์ ์ด์ง€ ๋ชปํ•˜๊ตฐ์š”.. (?) ๊ทธ ์™ธ CSS๋ฅผ ์ง์ ‘ ์ˆ˜์ •ํ•  ์ˆ˜๋„, ์ด๋ฒคํŠธ๋ฅผ ๋งŒ๋“ค์–ด์ค„ ์ˆ˜๋„ ์žˆ๊ณ , ๊ธฐ์กด HTML ํŽธ์ง‘๊ธฐ์™€๋Š” ๋‹ค๋ฅธ Webkit ์—๋””ํ„ฐ๋ผ๊ณ  ๋ณด๋ฉด ์‰ฌ์šธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์•„๋ž˜์— ๋ณด๋ฉด ์ง์ ‘ HTML5๋กœ ..