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

Lect & Tip111

๋“œ๋ฆผ์œ„๋ฒ„ ์ฐพ๊ธฐ/๋ฐ”๊พธ๊ธฐ Find/Replace ๊ธฐ๋Šฅ ์‚ฌ์šฉํ•˜๊ธฐ ์—๋””ํ„ฐ๋กœ์จ๋Š” ์–ด์ฐŒ๋ณด๋ฉด ๋‹น์—ฐํ•œ ๊ธฐ๋Šฅ์ธ๋ฐ ์˜์™ธ๋กœ ๋“œ๋ฆผ์œ„๋ฒ„์— Replace๊ธฐ๋Šฅ์ด ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ๋ชจ๋ฅด๋Š” ์œ ์ €๋“ค์ด ์ œ๋ฒ•๋ฉ๋‹ˆ๋‹ค. ๋ป”ํžˆ ๋ˆˆ์— ๋ณด์ด๋Š”๋ฐ ๋ง์ด์ฃ . ๊ทธ๊ฒƒ๋„ ๋งค์šฐ ๊ฐ•๋ ฅํ•œ ๊ธฐ๋Šฅ์œผ๋กœ ์žˆ๋Š”๋ฐ^^; ๋‹จ์ˆœํžˆ Find ๊ธฐ๋Šฅ๋งŒ ์‚ฌ์šฉํ•  ๋•Œ๊ฐ€ ๋งŽ์ฃ . ๋‹ค์Œ ํ™”๋ฉด์—์„œ ๋ณด๋‹ค์‹œํ”ผ CtRL+F๋ฅผ ๋ˆ„๋ฅด๋ฉด Find and Replace๋กœ ๋œน๋‹ˆ๋‹ค. ์šธํŠธ๋ผ ์—๋””ํ„ฐ๋กœ ๋‚ ์ฝ”๋”ฉํ•˜๋˜ ์ €์—๊ฒ CTRL+R(์šธํŠธ๋ผ ์—๋””ํŠธ์˜ ๋ฆฌํ”Œ๋ ˆ์ด์Šค ํ•ซํ‚ค)๋ฅผ ์Šต๊ด€์ ์œผ๋กœ ๋ˆ„๋ฅด๋Š” ๋ฒ„๋ฆ‡์ด ์žˆ๋Š”๋ฐ, ๋‹ต๋‹ตํ–ˆ์—ˆ์ฃ . ๋ง‰์ƒ ๋“œ๋ฆผ์œ„๋ฒ„์— ์ต์ˆ™ํ•ด์ง€๋‹ˆ๊นŒ CTRL+F์—์„œ ์ฐพ๊ธฐ์™€ ๋ฐ”๊พธ๊ธฐ๋ฅผ ๋™์‹œ์— ์ง€์›ํ•ด ์ฃผ๋‹ˆ ๊ต‰์žฅํžˆ ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ์ฐพ์„ ๋ฌธ์ž์—ด์€ Find์นธ์— ์ž…๋ ฅํ•˜์‹œ๋ฉด ๋˜๊ตฌ์š”. ์—๋””ํ„ฐ ํ”Œ๋Ÿฌ์Šค๊ฐ™์ด ํ•œ ๋ผ์ธ์— ๋Œ€ํ•ด์„œ๋งŒ ์ฒ˜๋ฆฌ๋ฅผ ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ์—ฌ๋Ÿฌ ์ค„์— ๋Œ€ํ•ด์„œ ์‹ฌ์ง€์–ด๋Š” ํ•œ ํŽ˜์ด์ง€์— ๋Œ€ํ•ด์„œ๋„ ์ฐพ๊ธฐ/๋ฐ”๊พธ.. 2020. 6. 9.
[ํฌํ† ์ƒต 7] ์‚ฌ์ง„๋ณด์ • - ํ๋ฆฐ ์‚ฌ์ง„ ์„ ๋ช…ํ•˜๊ฒŒ ๋ณด์ •ํ•˜๊ธฐ - #1 Lab์ปฌ๋Ÿฌ๋ชจ๋“œ ๋ฐฉ์‹ ๋ณด์ • โ€ป ๊ธธ๊ณ  ์‚ฌ์ง„์„ ๋งŽ์ด ๋„ฃ์–ด๋ดค์ž, ๋˜๋ ค ํ—ค๊น”๋ฆฌ๋ฏ€๋กœ ํ•ต์‹ฌ๋งŒ ์š”์•ฝํ•ด์„œ ํ•œํ™”๋ฉด์œผ๋กœ ์„ค๋ช…๊ฐ€๋Šฅํ•œ ๊ฒƒ์€ ํ•œ ํ™”๋ฉด์œผ๋กœ ์„ค๋ช…ํ•จ. โ€ป ์„ค๋ช…๋ฌธ์ฒด๋Š” ๊ฐ„๊ฒฐํ•œ ๋ฌธ์ฒด๋ฅผ ์œ„ํ•ด ์งง๊ฒŒํ•˜๊ธฐ ์œ„ํ•ด ๊ฒฝ์–ด๋ฅผ ์ƒ๋žตํ•œ๋‹ค. ํฌํ† ์ƒต ์‚ฌ์ง„๋ณด์ • - ํ๋ฆฐ ์‚ฌ์ง„ ์„ ๋ช…ํ•˜๊ฒŒ ๋ณด์ •ํ•˜๊ธฐ 1. ํฌํ† ์ƒต 7์—์„œ ์‚ฌ์ง„๋ณด์ •ํ•  ์‚ฌ์ง„์„ ๋ถˆ๋Ÿฌ์˜จ๋‹ค. 2. Image → Mode → Lab Color ์„ ํƒ โ€ป Image-Mode-Color์„ค์ • ํŠน์„ฑ์ƒ ์—ฌ๋Ÿฌ ๋ ˆ์ด์–ด๋“ค์ด ์žˆ์„ ๊ฒฝ์šฐ Merge(ํ•ฉ์นจ)ํ•  ๊ฒƒ์ธ์ง€๋ฅผ ๋ฌผ์Œ. ์ปฌ๋Ÿฌ ์†์„ฑ์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ ˆ์ด์–ด ์ „์ฒด์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š”๊ฒŒ ๋‹น์—ฐํ•จ. 3. Layer,Channel,Paths ํŒ”๋ ˆํŠธ์—์„œ Channel์„ ์„ ํƒ ํ•˜๊ณ  ์ด์ค‘ ๋ฐ๊ธฐ์˜์—ญ์— ํ•ด๋‹นํ•˜๋Š” Lightness ์„ ํƒโ€ป Lab์ปฌ๋Ÿฌ์˜ ์ฑ„๋„์€ ์ด4๊ฐœ์ž„. 4. Filter → Sharpen → Unsharp .. 2020. 6. 8.
๋ชจ๋ฐ”์ผํ™ˆํŽ˜์ด์ง€ ์ฃผ์†Œ์ฐฝ ๊ฐ์ถ”๊ธฐ tip body[orient="portrait"] ,body[orient="landscape"] [๋ชจ๋ฐ”์ผํ™ˆํŽ˜์ด์ง€ ์ œ์ž‘] ๋ชจ๋ฐ”์ผ ์›น ์ฃผ์†Œ์ฐฝ ๊ฐ์ถ”๊ธฐ tip ๋ชจ๋ฐ”์ผํ™ˆํŽ˜์ด์ง€๋ฅผ ์ œ์ž‘ํ•  ๋•Œ ์ฝ”๋”ฉ์—์„œ ์œ„์˜ ์‚ฌ์ง„์ฒ˜๋Ÿผ ๋ชจ๋ฐ”์ผํ™ˆํŽ˜์ด์ง€ ์ฃผ์†Œ์ฐฝ์ด ์‚ฌ๋ผ์ง€๊ฒŒ๋” ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์„ค๋ช…์ด๋‹ค. ๋ณดํ†ต ํ”ํžˆ ์•„๋ž˜์™€ ๊ฐ™์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋งŽ์ด ์“ด๋‹ค. window.addEventListener('load',function(){ setTimeout(scrollTo,0,0,1); },false); ์ด ์Šคํฌ๋ฆฝํŠธ๋Š” ๋ชจ๋ฐ”์ผํ™ˆํŽ˜์ด์ง€์—์„œ ์ฃผ์†Œ์ฐฝ์ด ์‚ฌ๋ผ์ง€๋Š” ๊ธฐ๋Šฅ์„ ์ ์šฉํ•˜๊ณ  ์žˆ๋‹ค. ํ˜น์€ ์•„์˜ˆ body ํƒœ๊ทธ์— onload๋กœ ๋„ฃ์„ ์ˆ˜ ์žˆ๋‹ค. ... ์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” window.setTimeout(func, delay, [param1, param2, ...])์„ ํ˜ธ์ถœํ•˜๋Š” ํ˜•์‹์ด๋‹ค. 1. 0์ดˆ ํ›„์— scrollTo ๋ฉ”์†Œ๋“œ๋ฅผ ์‹คํ–‰์‹œ์ผœ๋ผ 2. [param1, p.. 2020. 6. 8.
'์ œ์ด์ฟผ๋ฆฌ toggle()์ด์šฉํ•ด์„œ ๊ฒŒ์‹œ๋ฌผ ๋ชฉ๋ก ์ •๋ ฌ ๋ฒ„ํŠผ ํ† ๊ธ€ํ•˜๊ธฐ ๊ฒŒ์‹œ๋ฌผ ๋ชฉ๋ก์„ ์ œ๋ชฉ, ํ˜น์€ ์กฐํšŒ์ˆ˜, ๊ฒŒ์‹œ์ผ ์ˆœ์„œ๋ฅผ ๋‚ด๋ฆผ์ฐจ์ˆœ ํ˜น์€ ์˜ค๋ฆ„ ์ฐจ์ˆœ์œผ๋กœ ์ •๋ ฌํ•˜๋Š” ๊ฒƒ์„ ํ† ๊ธ€ํ•ด์•ผํ•  ๋•Œ๊ฐ€ ์žˆ์ฃ . ๋ฌผ๋ก  ๊ฒŒ์‹œ๋ฌผ์˜ ์ˆœ์„œ๋Š” ๊ฐœ๋ฐœํŒ€์—์„œ ์†ŒํŒ…์„ ํ•ด์ฃผ์–ด์•ผ๊ฒ ์ง€๋งŒ, ์ผ๋‹จ์€ UI์ƒ์—์„œ ๋ฒ„ํŠผ์˜ ํ™”์‚ดํ‘œ๋กœ ์ง๊ด€์ ์œผ๋กœ ์˜ค๋ฆ„์ฐจ์ˆœ ๋˜๋Š” ๋‚ด๋ฆผ์ฐจ์ˆœ์„ ํด๋ฆญ ํšŸ์ˆ˜์— ๋”ฐ๋ผ ํ† ๊ธ€ํ•ด์ฃผ์–ด์•ผ ํ•  ํ•„์š”๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์•„ ๋ฌผ๋ก  ๋ฐ์ดํ„ฐ์˜ ์†ŒํŒ…๊นŒ์ง€ ํ•˜๋Š” ์†Œ์Šค๋Š” ์•„๋‹™๋‹ˆ๋‹ค.์ด ๊ธ€์—์„œ์˜ ๋ชฉ์ ์€ ๋‹จ์ง€ ํ† ๊ธ€ ๋ฒ„ํŠผ์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ตฌํ˜„ํ•˜๋Š” ์ œ์ด์ฟผ๋ฆฌ ์†Œ์Šค ์†Œ๊ฐœ์ž…๋‹ˆ๋‹ค.์ด๋Ÿด ๋•Œ ์ œ์ด์ฟผ๋ฆฌ(jquery)๋ฅผ ์“ฐ๋ฉด ๊ฐ„๋‹จํ•˜๊ฒŒ ์ฒ˜๋ฆฌ๊ฐ€ ๋˜๊ฒ ์ฃ . Demo Page๋ณด๊ธฐCSS .bd00Bbs th a { background:url(../image/common/ico/arrow_0.gif) 100% 50% no-repeat; padding-right:16px; display.. 2020. 6. 8.
'[ํฌํ† ์ƒต CS5] ์‚ฌ์ง„๋ณด์ • - ํ”๋“ค๋ฆฐ ์‚ฌ์ง„ ๋ณด์ • ๋ณต์› ์ดˆ๊ฐ„๋‹จ Smart Sharpenํ•„ํ„ฐ ํฌํ† ์ƒต CS5 ๊ฐ•์ขŒ,ํฌํ† ์ƒต ํ”๋“ค๋ฆฐ ์‚ฌ์ง„ ๋ณด์ •, ํฌํ† ์ƒต ์‚ฌ์ง„ ์„ ๋ช…ํ•˜๊ฒŒ, ํ๋ฆฟํ•œ ์‚ฌ์ง„ ์„ ๋ช…ํ•˜๊ฒŒ,ํฌํ† ์ƒต ๊ฐ•์ขŒ, photoshop CS5, ํ”๋“ค๋ฆฐ ์‚ฌ์ง„ ๋ณต์›์‚ฌ์ง„์„ ์ฐ์€ ํ›„ ์นด๋ฉ”๋ผ ์•ก์ •์˜ ์ž‘์€ ํ™”๋ฉด์œผ๋กœ ๋ณผ ๋• ๊ทธ๋Ÿด ์‹ธํ•˜๋‹ค๊ฐ€๋„ ์ง‘์—์™€์„œ ๋ชจ๋‹ˆํ„ฐ๋กœ ๋ณด๋ฉด ์‹ค๋ง ์Šค๋Ÿฝ๊ฒŒ ํ”๋“ค๋ ค ์žˆ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์ข…์ข… ์žˆ๋‹ค. ์‚ฌ์ง„์„ ๋ฒ„๋ฆฌ์ž๋‹ˆ ์•ˆํƒ€๊น๊ณ , ๊ทธ๋ƒฅ ์“ฐ์ž๋‹ˆ ๋„ˆ๋ฌด ๋ณด๊ธฐ๊ฐ€ ์‹ซ๊ณ , ์ด๋Ÿด๋•Œ ์‚ด์ง ํ”๋“ค๋ฆฐ ์ •๋„๋ผ๋ฉด, ๊ฐ„๋‹จํ•˜๊ฒŒ ์กฐ๊ธˆ์€ ๋ณต์›์ด ๊ฐ€๋Šฅํ•˜๋‹ค.1. ์‚ฌ์ง„์„ ๋ถˆ๋Ÿฌ์˜จ๋‹ค.2. Filter-Sharpen-Smart Sharpen ์„ ์—ฐ๋‹ค.3. ํ”„๋ฆฌ๋ทฐ๋ฅผ ๋ณด๋ฉด์„œ Amount์™€ Radius๋ฅผ ์ ์ ˆํžˆ ์กฐ์ •ํ•ด์„œ ์›ํ•˜๋Š” ์„ ๋ช…๋„๋ฅผ ์–ป๋Š”๋‹ค. ์ˆ˜์น˜ ๊ฐ’์ด ๋„ˆ๋ฌด ํฌ๋ฉด ์‚ฌ์ง„์ด ์‹ฌํ•˜๊ฒŒ ํ›ผ์†๋œ๋‹ค.4. ๋. ์˜ˆ์ œ ๊ทธ๋ฆผ์—์„œ ํฌํ† ์ƒต ํžˆ์Šคํ† ๋ฆฌ์— ์žˆ๋Š” Auto Tone์ด๋‚˜ Exposur.. 2020. 6. 8.
โœˆ jquery๋กœ ํŽ˜์ด์ง€ ์ƒ๋‹จ์œผ๋กœ ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ์ด๋™ํ•˜๋Š” ํƒ‘ ์Šคํฌ๋กค ๋ฒ„ํŠผ ๋งŒ๋“ค๊ธฐ ๋ณดํ†ต ํƒ‘์Šคํฌ๋กค์ด๋ผ๊ณ  ๋ถ€๋ฅด๋Š” ๋ฒ„ํŠผ์ธ๋ฐ์š”. ํ”ํ•œ ๋ฐฉ์‹์ด์ง€๋งŒ, ๊ฐ€๋” ๋–  ์˜ค๋ฅด์ง€ ์•Š์•„์„œ ๊ฒ€์ƒ‰ํ•˜์‹œ๋Š” ๋ถ„๋“ค์„ ์œ„ํ•ด ์˜ฌ๋ ค๋‘ก๋‹ˆ๋‹ค. ๋ญ~ ์ €๋„ ๊ฐ€๋”์€ ๊นŒ๋จน์–ด์„œ ๋‹ค์‹œ ์ƒ๊ฐํ•ด๋‚ด๋Š” ์ผ ์—†์ด ๋– ๋‹ค ์“ฐ๋ ค๊ณต.... /* top ์Šคํฌ๋กค */ var speed = 500; $("a.top").css("cursor", "pointer").click(function(){ $('body, html').animate(, speed); }); speed ๋ณ€์ˆ˜๋Š” ์Šคํฌ๋กค์ด ์• ๋‹ˆ๋ฉ”์ดํŠธ ๋˜์–ด์„œ ์ด๋™ํ•˜๋Š” ์†๋„๋ฅผ ์ง€์ •ํ•ด์คฌ์Šต๋‹ˆ๋‹ค. ๊ท€์ฐฎ์œผ๋ฉด ๊ทธ๋ƒฅ ๋ณ€์ˆ˜ ์“ฐ์ง€ ๋ง๊ณ  ์ˆซ์ž๋กœ ๋ฐ”๋กœ ์จ๋„ ๋ฉ๋‹ˆ๋‹ค. . css("cursor, "pointer")๋Š” ์ƒ๋žตํ•ด๋„ ๋ฌด๋ฐฉํ•˜๋ฉฐ, css์ž์ฒด์— a.top { cursor:pointer}๋กœ ์ž‘์„ฑํ•ด๋‘์–ด๋„ ๋ฌด๋ฐฉํ•ฉ๋‹ˆ๋‹ค. ์‹ค์งˆ์ ์ธ ํ•ต์‹ฌ์€ $(.. 2020. 2. 21.