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

HTML & CSS

(6)
Android์—์„œ iframe ํƒœ๊ทธ์— PDF ๊ฐ€ ์•ˆ ๋‚˜์˜ฌ ๋•Œ.. ๐Ÿ˜ฐ WebAPP ์„ ๋งŒ๋“ค์—ˆ๋Š”๋ฐ, ์•ˆ๋“œ๋กœ์ด๋“œ ์ผ๋ถ€ ๋ธŒ๋ผ์šฐ์ € ์•ฑ์—์„œ PDF Viewer ๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š”๋‹ค๊ณ  ํ•œ๋‹ค. ( ๋Œ€ํ‘œ์ ์œผ๋กœ chrome ) ๊ทธ๋ž˜์„œ ๋ณดํ†ต PDF ๋ทฐ์–ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋Ÿฐ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š”๋ฐ, ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์˜ ๊ฒฝ์šฐ ๋ช‡๊ฐ€์ง€ ์กฐ๊ฑด์— ์˜ํ•˜์—ฌ ์ด๋Ÿฌํ•œ ์ž‘์—…์ด ์กฐ๊ธˆ ํž˜๋“ค๋‹ค๊ณ  ํŒ๋‹จ๋˜๋Š” ์ƒํ™ฉ์ด์˜€๋‹ค. ๋Œ€์‘์ฑ…์„ ์ฐพ์•„๋ณด๋‹ˆ Google Docs Viewer(?) ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ PDF ๋ฅผ ๋กœ๋”ฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์—ˆ๋‹ค. ์‚ฌ์šฉ๋ฐฉ๋ฒ• ๊ฐ„ํ˜น PDF ํŒŒ์ผ์˜ ํฌ๊ธฐ์™€ ์ƒ๊ด€์—†์ด ๊ฐ„ํ—์ ์œผ๋กœ "๋ฏธ๋ฆฌ๋ณด๊ธฐ ์—†์Œ" ์ด๋ผ๋Š” ๋ฌธ๊ตฌ๊ฐ€ ์ถœ๋ ฅ๋˜๋ฉฐ PDF ํŒŒ์ผ์ด ๋กœ๋“œ๋˜์–ด ์ง€์ง€ ์•Š๋Š” ๋ฌธ์ œ ๋ฐœ์ƒํ•œ๋‹ค๊ณ  ํ•œ๋‹ค. ํ…Œ์ŠคํŠธํ•˜๋Š” ๋™์•ˆ์—๋Š” ์ด๋Ÿฌํ•œ ๋ฌธ์ œ์ ์ด ์ƒ๊ธฐ์ง€ ์•Š์•˜๊ณ  ํ•ด๋‹น ๋ฌธ์ œ ๋ฐœ์ƒ ์‹œ ์ƒˆ๋กœ๊ณ ์นจ์„ ํ•˜๋ฉด ๋ฌธ์ œ๋Š” ํ•ด๊ฒฐ๋œ๋‹ค๊ณ  ํ•œ๋‹ค. Thanks for ๐Ÿ™ˆ android ..
Tomcat ์„ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค ใ…‡.ใ…‡+ ( at. Windows ) Apache Tomcat์„ ์„ค์น˜ํ•ด๋ด…์‹œ๋‹ค. ์„ค์น˜ ์ „์— ํ˜น์‹œ๋‚˜ tomcat์ด ์„ค์น˜๋˜์–ด ์žˆ์ง€ ์•Š๋Š”์ง€ ํ™•์ธ์„ ํ•ด๋ณด์ž! 1. ์œˆ๋„์šฐํ‚ค๋ฅผ ๋ˆŒ๋ ค์„œ tomcat, apache๋ฅผ ๊ฒ€์ƒ‰ํ•ด์„œ ๋œจ๋Š”์ง€ ํ™•์ธ! 2. ์ œ์–ดํŒ > ํ”„๋กœ๊ทธ๋žจ ์ œ๊ฑฐ์— ๋“ค์–ด๊ฐ€์„œ tomcat์ด๋‚˜ apache๊ฐ€ ์žˆ๋Š”์ง€ ํ™•์ธ! 3. ํŒŒ์ผํƒ์ƒ‰๊ธฐ๊ธฐ๋ฅผ ์ผœ์„œ C: ์— Tomcat ํด๋”๊ฐ€ ์žˆ๋Š”์ง€, C:Program Files ์— Apache Program ์–ด์ฉŒ๊ตฌ..(๊นŒ๋ฌต)๊ฐ€ ์žˆ๋Š”์ง€ ํ™•์ธ! ๋งŒ์•ฝ ์ž”์žฌ๊ฐ€ ์กด์žฌํ•œ๋‹ค๋ฉด ์‚ญ์ œํ•˜๊ณ  ์ง„ํ–‰ํ•ด์ฃผ๋Š” ๊ฒƒ์ด ์„ค์น˜ ์‹œ ์ถฉ๋Œ์„ ๋ฐฉ์ง€ ํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค! ์‹œ์ž‘! 1. ๋‹ค์šด๋กœ๋“œ! ์ผ๋‹จ ํ™ˆํŽ˜์ด์ง€์— ๋“ค์–ด๊ฐ„๋‹ค! ๐Ÿ‘‰๐Ÿป Tomcat ๋ฒ„์ „์ด ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์žˆ์œผ๋‚˜ ์ œ์ผ ๋ฌด๋‚œํ•œ(?!) version7๋ฅผ ์„ค์น˜ํ•˜๋„๋ก ํ•˜๊ฒ ๋‹ค. ๋„˜๊ฒจ๋ณด๋‹ค๋ณด๋ฉด ์ด๋Ÿฐ ํ™”๋ฉด์ด ๋‚˜์˜ค๋Š”๋ฐ ์˜ˆ์ œ๋ฅผ ๋ณด๊ณ ..
์ƒ‰์ƒ์ฝ”๋“œ ์ถ”์ถœ( HTML Color Codes ) HTML Color Codes ์‚ฌ์ดํŠธ๋กœ ์ ‘์†ํ•˜์‹œ๋ฉด ์ขŒ์ธก ์ƒ๋‹จ์— ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฉ”๋‰ด๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. HEX ๊ฐ’์˜ Color code(#์ฝ”๋“œ๋ฒˆํ˜ธ)๋งŒ ํ•„์š”ํ•˜์‹œ๋‹ค๋ฉด ์ฒซ๋ฒˆ์งธ ๋ฉ”๋‰ด์ธ COLOR TOOLS๋งŒ ์‚ฌ์šฉํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. ๋งŒ์•ฝ ๊ทธ ์™ธ์— RGB, HSV, HSL, CMYK๊ฐ€ ์•Œ๊ณ  ์‹ถ๋‹ค ๊ฑฐ๋‚˜ ์ƒ‰์ƒ์— ๋Œ€ํ•œ HEX ๋˜๋Š” RGB ๊ฐ’์€ ์•Œ๊ณ  ์žˆ๋Š”๋ฐ ๋‹ค๋ฅธ ๋‹จ์œ„๋กœ ๋ณ€ํ™˜ํ•˜๊ณ  ์‹ถ๋‹ค. ํ•˜์‹œ๋ฉด ์„ธ๋ฒˆ์งธ ๋ฉ”๋‰ด์ธ CONVERT COLOR FORMAT ๋ฉ”๋‰ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ณ€ํ™˜ํ•ด์ฃผ์„ธ์š”. COLOR TOOLS ( ์ฒซ๋ฒˆ์งธ ๋ฉ”๋‰ด ) CONVERT COLOR FORMAT ( ์„ธ๋ฒˆ์งธ ๋ฉ”๋‰ด )
table <tr><td> ํƒœ๊ทธ์— ๋งํฌ ๊ฑธ url ๋ถ€๋ถ„์„ ๋ณธ์ธ์ด ์›ํ•˜์‹œ๋Š”๋ฐ๋กœ ์ˆ˜์ •ํ•ด ์ฃผ์‹œ๋ฉด ๋˜๋ฉฐ style์— ์žˆ๋Š” cursor:pointer๋กœ ํ•ด์ฃผ์…”์•ผ ๋งˆ์šฐ์Šค๋ฅผ ์˜ฌ๋ ธ์„ ๋•Œ ์†๊ฐ€๋ฝ ๋ชจ์–‘์œผ๋กœ ์ปค์„œ๊ฐ€ ๋ณ€ํ•ฉ๋‹ˆ๋‹ค! ์ €๋Š” link๋ฅผ ์ƒˆ์ฐฝ์—์„œ ๋„์šฐ๋Š” ๊ฒƒ์„ ์ข‹์•„ํ•ด์„œ onClick์— windows.open์„ ์‚ฌ์šฉํ•˜์˜€๋Š”๋ฐ ํ˜„์žฌ ์ฐฝ์—์„œ ์—ด๊ฑฐ๋‚˜ ํ˜„์žฌ ์ฐฝ ์–ด๋”˜๊ฐ€๋กœ ์ด๋™ํ•œ๋‹ค ํ•˜์‹œ๋ฉด onClick="location.href='url'" ์„ ์ด์šฉํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค!
<div></div> ํƒœ๊ทธ ์˜์—ญ์— ๋งํฌ ๊ฑธ๊ธฐ lenitopia ๐Ÿฅณ = ํƒœ๊ทธ ์•ˆ์˜ ์˜์—ญ์— ๋งํฌ๋ฅผ ๊ฑธ๊ฒ ๋‹ค. ์•„๋ž˜ ์˜ˆ์‹œ๋Š” ์ดํ•ด๋ฅผ ๋•๊ธฐ ์œ„ํ•ด ์ปฌ๋Ÿฌ๋ฅผ ์ž…ํžŒ ๊ฒƒ ์ž…๋‹ˆ๋‹ค! ♥ โ™ก poppy-leni-life โ™ก ♥
<a> ํƒœ๊ทธ ๋งํฌ ๊ธ€์ž ์ƒ‰์ƒ ์ง€์ •ํ•˜๊ธฐ lenitopia ๐Ÿฅณ = ์ƒˆ ์ฐฝ์—์„œ ํ•ด๋‹น URL์„ ์—ฌ๋Š” ๋งํฌ๋ฅผ lenitopia ๐Ÿฅณ์— ๋‚ด๊ฐ€ ๋ณด๋ผ์ƒ‰์œผ๋กœ ๋‹ฌ๊ฒ ๋‹ค.