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๋กœ ์˜์ƒ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๋„๊ตฌ๋„ ์ œ๊ณต๋˜์–ด ์žˆ๋„ค์š”.


๋˜ํ•œ ์ด ์—๋””ํ„ฐ๋กœ Google Adsense์ฒ˜๋Ÿผ ๊ฒŒ์‹œ๋˜๋Š” ๊ด‘๊ณ ๋„ ์ง์ ‘ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๋ชจ์–‘์ธ ๋“ฏํ•ฉ๋‹ˆ๋‹ค. ์ฐจํ›„ ๋ฐ‘์— ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์‹œ๋ฉด Google Web Designer๋กœ ๊ด‘๊ณ ๋ฅผ ๋งŒ๋“œ๋Š” ๋ฒ•๋„ Google์—์„œ ์˜์ƒ์œผ๋กœ ์ œ๊ณตํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 


๋‹ค๋งŒ ํฐํŠธ์— ๋Œ€ํ•ด์„œ๋Š” ๋ชจ๋“  ํฐํŠธ๊ฐ€ ์ง€์›๋˜์ง€ ์•Š๋Š”๋‹ค๋Š”๊ฒŒ ๋‹จ์ ์ด๋„ค์š”. Google Web Designer์—์„œ ์ œ๊ณตํ•˜๋Š” ํฐํŠธ๋งŒ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•˜๋‹ค๋Š” ์ . ์•„๋ฌด๋ž˜๋„ ์ด ๋ถ€๋ถ„์€ ์›น ํฐํŠธ๋ฅผ ํ†ตํ•ด์„œ ๋ชจ๋“  ํ”Œ๋žซํผ์— ๋…๋ฆฝ์ ์œผ๋กœ ์›น ํŽ˜์ด์ง€๋ฅผ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•œ Google Web Designer์˜ ๋ชฉ์ ์ด์ง€ ์•Š์„๊นŒ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.



Google Web Designer๋Š” ๋‹ค๋ฅธ ๊ณณ์—์„œ ์ œ์ž‘ํ•œ HTML ํŒŒ์ผ(๋ฉ”๋ชจ์žฅ, EditPlus ๋‚ด์ง€ vim์ด๋‚˜ ๋‹ค๋ฅธ ํŽธ์ง‘๊ธฐ)์—์„œ๋Š” ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์—†๋„๋ก ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์•„์ง๊นŒ์ง€ ๋‹ค์–‘ํ•œ Webkit ํ˜•ํƒœ์˜ ์†Œ์Šค๋“ค์ด ๋งŽ์ด ์žˆ์Šต๋‹ˆ๋‹ค๋งŒ ๊ทธ๊ฑธ ์™„๋ฒฝํ•˜๊ฒŒ ์†Œํ™”ํ•ด๋‚ด์ง€ ๋ชปํ•˜๋Š” ๋“ฏ ํ•˜์—ฌ Web Designer ์ด์™ธ ์ œ์ž‘ํ•œ ์†Œ์Šค๋“ค์€ ๋ถˆ๋Ÿฌ์˜ค์ง€ ๋ชปํ•˜๋„๋ก ํ•œ ๋ชจ์–‘์ž…๋‹ˆ๋‹ค.


<meta name="generator" content="Google Web Designer 1.0.0.924">


ํ˜„ Google Web Designer๋Š” ์œ„ meta ํƒœ๊ทธ๋ฅผ ํ†ตํ•˜์—ฌ Google Web Designer ์—์„œ์˜ ์ œ์ž‘์˜ ์—ฌ๋ถ€๋ฅผ ๊ตฌ๋ถ„ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์–ต์ง€๋กœ ์†Œ์Šค๋ฅผ ๋งŒ๋“ค์–ด ์ € meta ํƒœ๊ทธ๋ฅผ ์”Œ์šด ํ›„ ๋ถˆ๋Ÿฌ์˜ค๋‹ˆ ์ •์ƒ์ ์œผ๋กœ ๋ถˆ๋Ÿฌ์™€์ง€๊ธฐ๋Š” ํ•ฉ๋‹ˆ๋‹ค.



meta ํƒœ๊ทธ๋ฅผ ์–ต์ง€๋กœ ๋ผ์›Œ๋„ฃ์–ด ๋ถˆ๋Ÿฌ์˜จ ์™ธ๋ถ€ HTML ์†Œ์Šค ์ž…๋‹ˆ๋‹ค. ์ •์ƒ์ ์œผ๋กœ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ๋Š” ํ•˜๋‚˜ Preview๋ฅผ ํ†ตํ•˜์—ฌ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ํ•˜๊ฒŒ ๋˜๋Š” ๊ฒฝ์šฐ ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๋ฌธ์ œ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค.



Download and Support Google Web Designer


Google Web Designer๋ฅผ ๋‹ค์šด๋กœ๋“œ ๋ฐ›๊ณ  ์‹ถ๋‹ค๋ฉด ์œ„ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์—ฌ ๋‹ค์šด๋กœ๋“œ๋ฅผ ๋ฐ›์œผ์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ์™ธ ํ”„๋กœ๊ทธ๋žจ์— ์‚ฌ์šฉ๋œ ํฐํŠธ ๋‚ด์ง€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋“ฑ์˜ ๋ผ์ด์„ ์Šค ๋ฐ ์‚ฌ์šฉ์— ๋Œ€ํ•œ ์„ค๋ช…๋„ ๊ฐ™์ด ๋ณด์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

๋ฐ˜์‘ํ˜•
TAGS.

Tistory Comments