Category 192

[Tistory] ์‚ฌ์ดํŠธ์— ์• ๋“œ์„ผ์Šค ๊ด‘๊ณ ๋ฅผ ๊ฒŒ์žฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋“œ๋””์–ด..

์ž‘๋…„ ์—ฌ๋ฆ„๋ถ€ํ„ฐ ๊ธฐ๋กํ•˜๊ณ  ๋‚จ๊ธฐ๋ ค๊ณ  ๋ธ”๋กœ๊ทธ๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค. ํ•˜๋ฃจ ๋ฐฉ๋ฌธ์ž๊ฐ€ ํ‰์ผ ํ‰๊ท  100๋ช… ์ •๋„ ๋“ค์–ด์˜จ๋‹ค. (์ฃผ๋ง์€.. ์”..) ์˜ฌํ•ด ์ดˆ ์• ๋“œ์„ผ์Šค ์‹ ์ฒญ ํ›„ ์‹ฌ์‚ฌ๋ฅผ ๊ธฐ๋‹ค๋ ธ๋‹ค.. 1๋‹ฌ, 2๋‹ฌ,,3๋‹ฌ? ์ง€๋‚ฌ๋‚˜.. ๋‚˜๋งŒ ์•ˆํ•ด์ฃผ๋Š” ๊ตฌ๊ธ€์„ ์›๋งํ•˜๋ฉฐ ๋ณด๋ƒˆ๋Š”๋ฐ.. ์‚ฌ์ดํŠธ ์—ฐ๊ฒฐ์„ ์•ˆ ํ–ˆ๋˜ ๊ฒƒ.. ใ…‚ ใ… ... ๋ณด ํ˜น์‹œ๋‚˜ ์ €์™€ ๊ฐ™์€ ๋ถ„์ด ๊ณ„์‹ค๊นŒ ๋ด ์ ์–ด๋†“๋Š” ์ฐธ๊ณ  ์‚ฌ์ดํŠธ compare-analysis.tistory.com/64 11. ํ‹ฐ์Šคํ† ๋ฆฌ ์• ๋“œ์„ผ์Šค ์Šน์ธ ์‹ ์ฒญํ•˜๊ธฐ (์‚ฌ์ดํŠธ ์—ฐ๊ฒฐ) ๋ธ”๋กœ๊ทธ ์„ธํŒ… ๋ฐ ๊ธ€์“ฐ๊ธฐ๊ฐ€ ์–ด๋Š ์ •๋„ ์™„๋ฃŒ๋˜๋ฉด ์ด์ œ ๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค ์Šน์ธ ์‹ ์ฒญํ•  ๋•Œ์ž…๋‹ˆ๋‹ค. ๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค ์Šน์ธ์„ ์œ„ํ•œ ๊ธ€์“ฐ๊ธฐ ํ•˜์…จ๋‚˜์š”? ^^ โ€ป ๊ธ€ ์ฃผ์ œ ํ™•์žฅ์€ ์Šน์ธ์ดํ›„์— ํ•˜์‹œ๋Š” ๊ฑฐ ์žŠ์ง€ ๋งˆ์„ธ์š”. compare-analysis.tistory.com ์‚ฌ์ดํŠธ..

Tistory 2021.05.03

[jQuery] img ํƒœ๊ทธ ํด๋ฆญ์‹œ ์ƒˆ์ฐฝ ํŒ์—… ๋„์šฐ๊ธฐ

image.jsp $img = $(''); $img.on('click',function(){ //window.open(this.src); var self = this; $.ajax({ url:"../html/popupImage.html", }).done(function(result){ result = result.replace("\"src\"",self.src) result = result.replace("", ""+self.alt+"") var wnd = window.open(""); wnd.document.write(result); }); }); var self = this; self ๋Œ€์‹  this๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ˜„์žฌ ๊ฐ์ฒด๋ฅผ ์ฐธ์กฐ popupImage.html CSS Image Gallery CSS Ima..

js 2021.04.27

[javaScript] ํŒŒ์ผ ํ™•์žฅ์ž ์ œ๊ฑฐ ์ •๊ทœํ‘œํ˜„์‹ .replace()

. replace() ํ•จ์ˆ˜ .replace("์ฐพ์„ ๋ฌธ์ž์—ด", "๋ณ€๊ฒฝํ•  ๋ฌธ์ž์—ด") ํ™•์žฅ์ž ์ œ๊ฑฐ ์ •๊ทœํ‘œํ˜„์‹ /(.png|.jpg|.jpeg|.gif)$/ . replace() ์‚ฌ์šฉํ•œ ํ™•์žฅ์ž ์ œ๊ฑฐ ์ •๊ทœํ‘œํ˜„์‹ .trim().replace(/(.png|.jpg|.jpeg|.gif)$/,''); . trim() : ๋ฌธ์ž์—ด ์•ž ๋’ค ๊ณต๋ฐฑ ์ œ๊ฑฐ . replace() : ํŠน์ • ๋ฌธ์ž ์น˜ํ™˜ / ํ‘œ์‹œ ์•ˆ์— ๋„ฃ๋Š” ํ…์ŠคํŠธ์˜ ๋”ฐ์˜ดํ‘œ๋Š” ์—†์–ด์•ผํ•œ๋‹ค. ์ •ํ•ด์ง„ ๊ทœ์น™์„ ์‚ฌ์šฉํ•ด ๋ชจ๋“  ๋ฌธ์ž๋ฅผ ๋ณ€ํ™˜ํ•  ์ˆ˜๋„ ์žˆ๊ณ  ์ˆซ์ž๋งŒ ๋ณ€ํ˜ธ๋‚˜ํ•˜๊ฑฐ๋‚˜ ๋งจ ์ฒ˜์Œ, ๋งจ ๋’ค๋งŒ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ๋‹ค.

js 2021.04.27

[css] ul li ๊ฐ€๋กœ ์ •๋ ฌ

๋ฐ˜์‘ํ˜•์›น์„ ์œ„ํ•ด์„  ul li๋กœ table์„ ๋งŒ๋“œ๋Š”๊ฑธ ์ถ”์ฒœํ•œ๋‹ค. .ul { list-style:none; } .li { float: left; } list-style:none; ์•ž ์  ์—†์• ๊ธฐ float : left; ๊ฐ€๋กœ ์ •๋ ฌ 1๋ฒˆ li 2๋ฒˆ li 3๋ฒˆ li 4๋ฒˆ li 5๋ฒˆ li 6๋ฒˆ li 7๋ฒˆ li style ์ ์šฉ ์ „ style ์ ์šฉ ํ›„

css 2021.04.23

[File] ํ”„๋กœ์ ํŠธ ์™ธ๋ถ€์— ์ด๋ฏธ์ง€ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

ํ”„๋กœ์ ํŠธ ๋‚ด๋ถ€์— ์žˆ๋Š” ํด๋”๋กœ ์ ‘๊ทผํ•˜์—ฌ ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ ๊ฐ€์ ธ์˜ฌ ๊ฒฝ์šฐ ์ฃผ์˜ํ•  ์  ์—ฌ๋Ÿฌ ์ด๋ฏธ์ง€(ํŒŒ์ผ)๋ฅผ ํ”„๋กœ์ ํŠธ ๋‚ด๋ถ€์— ์ถ”๊ฐ€ ํ›„ ํ”„๋กœ์ ํŠธ๋ฅผ ๋นŒ๋“œํ•˜๊ฒŒ ๋˜๋ฉด ์šฉ๋Ÿ‰์ด ์ปค ๋นŒ๋“œ ์‹œ๊ฐ„์ด ๋Š๋ ค์ง€๊ณ , Git์ด๋‚˜ SVN์— push์— ์ œํ•œ์ด ์žˆ์„ ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋ž˜์„œ ์ด ๋ฐฉ๋ฒ•๋ณด๋‹จ ํ”„๋กœ์ ํŠธ ์™ธ๋ถ€์— ์žˆ๋Š” ํด๋”๋กœ ์ ‘๊ทผํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ ์„ ์ถ”์ฒœํ•œ๋‹ค. * ํ”„๋กœ์ ํŠธ ์™ธ๋ถ€์— ์žˆ๋Š” ํด๋”๋กœ ์ ‘๊ทผํ•˜์—ฌ ์ด๋ฏธ์ง€ ํŒŒ์ผ ๊ฐ€์ ธ์˜ค๋Š” ๋ฐฉ๋ฒ• * Globals.dir=/home/WEB_FILE/FILES/ globals.properties๋ฅผ ํ†ตํ•ด์„œ ํ”„๋กœ์ ํŠธ ๋ฐ–์— ์žˆ๋Š” ๊ฒฝ๋กœ๋ฅผ ์„ค์ • /home/WEB_FILE/FILES/์— ์ด๋ฏธ์ง€๋“ค์ด ์žˆ์–ด์•ผ ํ•œ๋‹ค. js controller @RequestMapping(value="/common/getImg.do" , method=Re..

Spring 2021.04.22

[html] <a target ( _blank, _self, _parent, _top ) >

์ƒˆ ์œˆ๋„์šฐ ์ฐฝ์„ ์—ด์–ด ์›นํŽ˜์ด์ง€๋ฅผ ์—ฌ๋Š”๊ฒƒ. ๊ธฐ์กด์˜ ์ฐฝ์€ ๊ทธ๋Œ€๋กœ ๋‚จ๊ฒจ์ ธ ์žˆ๋‹ค. ํ˜„์žฌ ์œˆ๋„์šฐ์ฐฝ์— ๊ทธ๋Œ€๋กœ ์›นํŽ˜์ด์ง€๋ฅผ ์—ฐ๋‹ค. ํ˜„์žฌ ํ”„๋ ˆ์ž„์˜ ๋ถ€๋ชจ ํ”„๋ ˆ์ž„์—์„œ ์ƒˆ ์›นํŽ˜์ด์ง€๊ฐ€ ์—ด๋ฆฐ๋‹ค. ์ตœ์ƒ์œ„ ํ”„๋ ˆ์ž„์— ์—ด๋ฆฐ๋‹ค. _parent์™€ ๋น„์Šทํ•˜์ง€๋งŒ _parent๋Š” ๋ฐ”๋กœ ์ด์ „์ฐฝ(๋ถ€๋ชจ์ฐฝ)์—์„œ ์—ด๋ฆฌ๋Š” ๋ฐ˜๋ฉด, _top์€ ์ตœ์ƒ์œ„ (๊ฐ€์žฅ์ตœ๊ณ  ๋ถ€๋ชจ์ฐฝ)์— ์—ด๋ฆฐ๋‹ค. ํŠธ๋ฃจ์ฝ”๋”ฉ

Basic 2021.04.16

[html] input tag basic Attribute

input : ์‚ฌ์šฉ์ž๋กœ๋ถ€ํ„ฐ ์ •๋ณด๋ฅผ ์ž…๋ ฅ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” tag id id๊ฐ’ class class๊ฐ’ name ์„œ๋ฒ„๋กœ ์ „๋‹ฌ๋˜๋Š” ์ด๋ฆ„ ์„ค์ •ํ•˜๋Š” ์†์„ฑ value ์ž…๋ ฅํƒœ๊ทธ์˜ ์ดˆ๊ธฐ๊ฐ’์„ ์„ค์ •ํ•˜๋Š” ์†์„ฑ type ์ž…๋ ฅํƒœ๊ทธ์˜ ์œ ํ˜•์„ ์„ค์ • ํ•˜๋Š” ์†์„ฑ min ์ตœ์†Œ์ˆ˜์น˜ max ์ตœ๋Œ€์ˆ˜์น˜ step ๋ฐ”๋€Œ๋Š” ์ˆ˜์˜ ํฌ๊ธฐ, ๋‹จ์œ„ autofocus ์ปค์„œ ์ž๋™ ํ‘œ์‹œ placeholder ๊ธฐ๋ณธ์ ์œผ๋กœ ์“ฐ์—ฌ์ ธ ์žˆ๋Š” ์•ˆ๋‚ด๊ธ€ readonly ์ฝ๊ธฐ๋งŒ ๊ฐ€๋Šฅ required ์•„๋ฌด๊ฒƒ๋„ ์ž…๋ ฅ ์•ˆํ•˜๋Š” ์ƒํƒœ ๋ฐฉ์ง€ (ํ•„์ˆ˜ ๊ฐ’ ์ฒดํฌ) maxlength ์ž…๋ ฅ๋˜๋Š” ๋ฌธ์ž์˜ ์ตœ๋Œ€ ๊ธธ์ด ์ œํ•œ minlength ์ž…๋ ฅ๋˜๋Š” ๋ฌธ์ž์˜ ์ตœ์†Œ ๊ธธ์ด ์ œํ•œ ์ฐธ๊ณ  : m.blog.naver.com/PostView.nhn?blogId=govlrhaehfdl&logNo=221230214889&pro..

Basic 2021.04.15