๐Ÿ’ป Information/Computer 24

#1์Šคํ‚จ ๋ฐ˜์‘ํ˜• ๊ด‘๊ณ  ์ž˜๋ฆผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฒ•

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ฐ˜์‘ํ˜• #1 ์Šคํ‚จ ์‚ฌ์šฉ ์ค‘ ์†Œํ˜•๊ธฐ๊ธฐ(ํœด๋Œ€ํฐ) ์‚ฌ์šฉ์‹œ ๊ด‘๊ณ ๊ฐ€ ๊ฐ€๋ ค์ง(์ž˜๋ฆผ) ํ˜„์ƒ์ด ๋ณด์ž…๋‹ˆ๋‹ค.์ด๋Š” ๋ฐ˜์‘ํ˜• ๊ด‘๊ณ ๊ฐ€ ๋„ˆ๋น„๋ฅผ 100%๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ผ์–ด๋‚˜๋Š” ํ˜„์ƒ์ž…๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์•„์ฃผ ๊ฐ„๋‹จํžˆ ๊ต์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 1. ๊ด‘๊ณ  ์ž˜๋ฆผ ์ˆ˜์ • - CSS ํŽธ์ง‘ 'Ctrl + f' ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ '/* ๋ทฐ */' ์ฝ”๋“œ๋ฅผ ์ฐพ์Šต๋‹ˆ๋‹ค.2๊ฐœ์˜ ์ฝ”๋“œ๊ฐ€ ๋ฐœ๊ฒฌ๋˜๋Š”๋ฐ ๋ฌธ์ œ๊ฐ€ ๋˜๋Š” ๋ถ€๋ถ„์€ ์•„๋ž˜(ํ•ด์ƒ๋„ ๋‚ฎ์€ ๋ถ€๋ถ„)์ž…๋‹ˆ๋‹ค.๋”ฐ๋ผ์„œ ๋‘ ๋ฒˆ์งธ '/* ๋ทฐ */' ์ฝ”๋“œ ๋ฐ”๋กœ ์•„๋ž˜์— ์ œ๊ฐ€ ๋ฐ‘์— ์จ๋†“์€ ์ฝ”๋“œ๋ฅผ ๋ถ™์—ฌ ๋„ฃ์Šต๋‹ˆ๋‹ค. 1.area_view{overflow:hidden} /*๋ฐ˜์‘ํ˜• ๊ด‘๊ณ  ์ž˜๋ฆผ ์ฃผ๋ฒ”*/cs 2. ๊ด‘๊ณ  ์ž˜๋ฆผ ํ•ด๊ฒฐ ๊ฒฐ๊ณผ ์œ„ ์ฝ”๋“œ ํ•œ์ค„์ด ๋์ž…๋‹ˆ๋‹ค. ์ฐธ ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค.ํ™•์ธํ•ด ๋ณด์ง€ ์•Š์•˜์ง€๋งŒ ํ‹ฐ์Šคํ† ๋ฆฌ์—์„œ ๋ฐฐํฌํ•œ ์Šคํ‚จ๋“ค์€ ๋น„์Šทํ•œ ํด๋ž˜์Šค๋ช…๋กœ ๋˜์–ด..

[ํ‹ฐ์Šคํ† ๋ฆฌ] ๋ฐ•์Šค ์•ˆ ๋ฐ•์Šค ์ค‘์•™์ •๋ ฌ

div ์•ˆ div ์ค‘์•™ ์ •๋ ฌ 1. ๋ฐ•์Šค ์•ˆ ์ค‘์•™์ •๋ ฌ - HTML 1234567 cs 2. ๋ฐ•์Šค ์•ˆ ์ค‘์•™์ •๋ ฌ - CSS 12345678910.out_box { width: 100%; text-align: center; padding: 20px; border:1px solid blue; }.in_box { display: inline-block; width: 50%; height: 50px; border:1px solid red; }cs 3. ๋ฐ•์Šค ์•ˆ ์ค‘์•™์ •๋ ฌ ๊ฒฐ๊ณผ

[ํ‹ฐ์Šคํ† ๋ฆฌ] ์น˜ํ™˜์ž ๋‚ด๋ถ€ ์†Œ์Šค ๋ชจ์Œ

ํ‹ฐ์Šคํ† ๋ฆฌ์—์„œ ์น˜ํ™˜์ž๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ๊ฐ„ํŽธํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋‚ด๋ถ€ ์†Œ์Šค๋ฅผ ๋ชจ๋ฅด๋ฉด ์ปค์Šคํ„ฐ๋งˆ์ด์ง•์ด ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋‚ด๋ถ€์˜ ์–ด๋–ค ํด๋ž˜์Šค๊ฐ€ ์žˆ๋Š”์ง€ ์•Œ์•„๋ด…์‹œ๋‹ค. 1. ํ‹ฐ์Šคํ† ๋ฆฌ ์น˜ํ™˜์ž ๋‹ฌ๋ ฅ ๋ชจ๋“ˆ ํ‹ฐ์Šคํ† ๋ฆฌ ๋‹ฌ๋ ฅ ์น˜ํ™˜์ž ์˜ ๋‚ด๋ถ€ ์†Œ์Šค 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 « 2017/08 » ์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ†  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Colored by Color Scriptercs 2. ํ‹ฐ์Šคํ† ๋ฆฌ ..

๋ฐ˜์‘ํ˜• ์ด๋ฏธ์ง€ ๋ชฉ๋ก ๋งŒ๋“ค๊ธฐ

๊ฐ„๋žตํ•œ ๋ฐ˜์‘ํ˜• ์ด๋ฏธ์ง€ ๋ชฉ๋ก์„ ๋งŒ๋“ค์–ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.๋ฐ˜์‘ํ˜• ๋ชฉ๋ก์˜ ๋ ˆ์ด์•„์›ƒ ์ „ํ™˜ ๊ธฐ์ค€์€ ๊ฐ€๋กœ 820px๋ฅผ ๊ธฐ์ค€์ž…๋‹ˆ๋‹ค. ์ ์šฉ๋œ ์Šคํƒ€์ผ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.1. ๋ชฉ๋ก์˜ ์ œ๋ชฉ ์ขŒ์šฐ์— ๊ฐ€๋กœ์ค„์„ ๋„ฃ์–ด ๊พธ๋ฏธ๊ธฐ2. ์ด๋ฏธ์ง€ ์œ„ ๊ธ€์”จ ๋„ฃ๊ธฐ3. ์ด๋ฏธ์ง€ ์œ„ ๊ฒ€์€์ƒ‰ ํˆฌ๋ช… ๋ฐฐ๊ฒฝ ๋„ฃ๊ธฐ4. ๊ฐ€๋กœ 820px๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์ด๋ฏธ์ง€ ๋ฐฐ์—ด์ด 2์—ด, 1์—ด๋กœ ๋ณ€ํ™” 1. ๋ฐ˜์‘ํ˜• ์ด๋ฏธ์ง€ ๋ชฉ๋ก - HTML 123456789101112131415161718192021222324252627282930313233343536 Category Info Daily Review Com Colored by Color Scriptercs 2. ๋ฐ˜์‘ํ˜• ์ด๋ฏธ์ง€ ๋ชฉ๋ก 820px ์ด์ƒ์ผ ๋•Œ - CSS 1234567.tit_intro{position: relative;margin-..

[ํ‹ฐ์Šคํ† ๋ฆฌ] div ์ขŒ์šฐ๋กœ ๋‚˜๋ž€ํžˆ ์ •๋ ฌ

div๋ฅผ ๋‚˜๋ž€ํžˆ ๋งŒ๋“œ๋Š” ์†Œ์Šค 1. ๋‚˜๋ž€ํžˆ ์ •๋ ฌ HTML 12 2. ๋‚˜๋ž€ํžˆ ์ •๋ ฌ CSS 1234567891011121314.box1 { float: left; width: 200px; height: 100px; background-color: red;}.box2 { display: inline-block; width: 200px; height: 100px; margin-left: 10px; background-color: blue;} 3. ์ฝ”๋“œ ์ ์šฉ ๊ฒฐ๊ณผ

[ํ‹ฐ์Šคํ† ๋ฆฌ] ๊ฐ„๋‹จํ•œ ๋ธ”๋กœ๊ทธ ์†๋„ ํ–ฅ์ƒ๋ฒ•

Google Inspactor๋‚˜ Site analysis์˜ ๊ถŒ๊ณ  ์‚ฌํ•ญ์—๋Š” html,css,js์˜ ์••์ถ•์„ ๋ช…์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ํŽ˜์ด์ง€๋ฅผ ์••์ถ•ํ•˜๋ฉด ๋น„์•ฝ์ ์ธ ์†๋„ํ–ฅ์ƒ์„ ์ด๋ค„ ๋‚ผ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŽ˜์ด์ง€ ์••์ถ•์„ ์œ„ํ•ด http://www.htmlcompressor.com/compressor/์— ์ ‘์†ํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ ์ž์‹ ์˜ skin.html, css, ๊ทธ๋ฆฌ๊ณ  ์ž์‹ ์ด ์‚ฌ์šฉ์ค‘์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ถ™์—ฌ ๋„ฃ๊ณ  ํ•˜๋‹จ์— compress๋ฅผ ๋ˆ„๋ฆ…๋‹ˆ๋‹ค. ์˜†์— ์†์„ฑ์„ ์„ค์ •ํ•˜๋Š” ๋ฉ”๋‰ด๊ฐ€ ์žˆ๊ธดํ•˜์ง€๋งŒ ์ž๋™์ธ์‹์„ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ท€์ฐฎ๊ฒŒ ๋”ฐ๋กœ ์„ ํƒํ•ด์ค„ ํ•„์š”๋Š” ์—†์Šต๋‹ˆ๋‹ค. ์กฐ๊ธˆ๋งŒ ๊ธฐ๋‹ค๋ฆฌ๋ฉด ์••์ถ•๋ฅ ๊ณผ ์••์ถ•๋œ ์ฝ”๋“œ๊ฐ€ ๋‚˜์˜ต๋‹ˆ๋‹ค. ์ œ ๋ธ”๋กœ๊ทธ์˜ html์˜ ๊ฐ™์€ ๊ฒฝ์šฐ 77% ์••์ถ•์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด๋กœ์„œ ํ‰์†Œ๋ณด๋‹ค ๋” ๋นจ๋ฆฌ ํŽ˜์ด์ง€๋ฅผ ๋ถˆ๋Ÿฌ ์˜ฌ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. css ๋ฟ๋งŒ..

[C++] ๊ฐ€์ƒํ•จ์ˆ˜์™€ ์ถ”์ƒํด๋ž˜์Šค

1. Converter ํด๋ž˜์Šค๋ฅผ ์ƒ์†๋ฐ›์•„ ๋‹ฌ๋Ÿฌ๋ฅผ ์›ํ™”๋กœ ํ™˜์‚ฐํ•˜๋Š” WonToDollar ํด๋ž˜์Šค๋ฅผ ์ž‘์„ฑํ•˜๋ผ.2. Converter ํด๋ž˜์Šค๋ฅผ ์ƒ์†๋ฐ›์•„ km๋ฅผ mile๋กœ ๋ณ€ํ™˜ํ•˜๋Š” KmToMile ํด๋ž˜์Šค๋ฅผ ์ž‘์„ฑํ•˜๋ผ. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960#include #include using namespace std; class Converter {protected: double ratio; virtual double convert(double src) = 0; // src๋ฅผ ๋‹ค๋ฅธ ๋‹จ์œ„๋กœ ๋ณ€ํ™˜ํ•œ๋‹ค. virtual string getSourceStrin..

[C++] ๊ฐ’์— ์˜ํ•œ ์ „๋‹ฌ, ์ฃผ์†Œ์— ์˜ํ•œ ์ „๋‹ฌ, ํฌ์ธํ„ฐ์— ์˜ํ•œ ์ „๋‹ฌ 2

[C++] ๊ฐ’์— ์˜ํ•œ ์ „๋‹ฌ, ์ฃผ์†Œ์— ์˜ํ•œ ์ „๋‹ฌ, ํฌ์ธํ„ฐ์— ์˜ํ•œ ์ „๋‹ฌ 2์ˆ˜์ •ํ•„์š” 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154..

[C++] ๊ฐ’์— ์˜ํ•œ ์ „๋‹ฌ, ์ฃผ์†Œ์— ์˜ํ•œ ์ „๋‹ฌ, ํฌ์ธํ„ฐ์— ์˜ํ•œ ์ „๋‹ฌ

๋ฉ”๋ชจ๋ฆฌ์—๋Š” ์œ„์น˜๋ฅผ ๊ตฌ๋ถ„ํ•˜๊ธฐ ์œ„ํ•ด 0๋ฒˆ์ง€๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์„œ ์ผ๋ จ๋ฒˆํ˜ธ๊ฐ€ ๋ถ™์—ฌ์ ธ ์žˆ๋Š”๋ฐ ์ด๊ฒƒ์„ ์ฃผ์†Œ(์–ด๋“œ๋ ˆ์Šค)๋ผ๊ณ  ํ•œ๋‹ค.์ฃผ์†Œ๋Š” ์ •์ˆ˜ ํ˜•ํƒœ์ด๋ฉฐ ๋‹จ์œ„๋Š” ๋ฐ”์ดํŠธ์ด๋‹ค. ์ปดํ“จํ„ฐ๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋ ค๋ฉด ๋จผ์ € ๋ฐ์ดํ„ฐ๋ฅผ ๋ฉ”๋ชจ๋ฆฌ(๋žจ)์œผ๋กœ ์˜ฎ๊ฒจ์•ผํ•œ๋‹ค. ํฌ์ธํ„ฐ๋ž€? ์ปดํ“จํ„ฐ์˜ ๋ฉ”๋ชจ๋ฆฌ ๋ฒˆ์ง€(address)๋กœ, ๋ฐ์ดํ„ฐ๊ฐ€ ์–ด๋””์— ์ €์žฅ๋˜์–ด ์žˆ๋Š”์ง€๋ฅผ ์•Œ๋ ค์ค€๋‹ค. C++์—์„œ๋Š” ์ด ํฌ์ธํ„ฐ(๋ณ€์ˆ˜์˜ ์ฃผ์†Œ)๋ฅผ ์ง์ ‘ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํฌ์ธํ„ฐ ์—ฐ์‚ฐ์ž(&)๋ฅผ ์ œ๊ณตํ•œ๋‹ค. & (์ฃผ์†Œ)* (๊ฐ’) ํฌ์ธํ„ฐ ๋ณ€์ˆ˜? ์ฃผ์†Œ๋งŒ์„ ์ €์žฅํ•œ๋‹ค. ํฌ์ธํ„ฐ ๋ณ€์ˆ˜๋Š” ์„ ์–ธํ•  ๋•Œ ๋ฐ˜๋“œ์‹œ * ๊ธฐํ˜ธ๋ฅผ ๋ง๋ถ™์—ฌ์•ผ ํ•œ๋‹ค. ํฌ์ธํ„ฐ ๋ณ€์ˆ˜๋ฅผ ๋‹จ๋…์ ์œผ๋กœ p๋ผ๊ณ  ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ํฌ์ธํ„ฐ๊ฐ’(์ฃผ์†Œ)๋ฅผ ์˜๋ฏธํ•˜์ง€๋งŒ, ํฌ์ธํ„ฐ ๋ณ€์ˆ˜์— *๋ฅผ ๋ง๋ถ™์ธ *p๋Š” ๋” ์ด์ƒ ์ฃผ์†Œ๊ฐ€ ์•„๋‹ˆ๋ผ ํ•ด๋‹น ์ฃผ์†Œ์— ์ €์žฅ๋œ ๊ฐ’์„ ์˜๋ฏธํ•œ๋‹ค.๊ทธ๋ž˜์„œ p์—๋Š” ๋ณ€..