Category 192

[jQuery] textarea ๊ธ€์ž ์ˆ˜ count / keyup event

keypress event ์ž…๋ ฅํ•  ์ˆ˜ ์žˆ๋Š” ํ‚ค๋ณด๋“œ๋ฅผ ๋ˆŒ๋ €์„๋•Œ ์‹คํ–‰ (ํ•œ๊ธ€ x, ์˜๋ฌธ o) keyup event ๋ˆ„๋ฅธ ํ‚ค์—์„œ ์†์„ ๋—„ ๋•Œ ์‹คํ–‰. keydown event ํ‚ค๋ณด๋“œ์— ์–ด๋– ํ•œ ํ‚ค๊ฐ€ ๋ˆŒ๋ ค๋„ ์‹คํ–‰ textarea ๊ธ€์ž ์ˆ˜๋ฅผ count ํ•˜๊ธฐ์œ„ํ•ด์„œ keyup event ์‚ฌ์šฉ. ์ฐธ๊ณ  : https://zinee-world.tistory.com/237

js 2021.05.17

[iPhone] iPhone Watch App์œผ๋กœ ์• ํ”Œ์›Œ์น˜ ์ดˆ๊ธฐํ™” ํ•˜๊ธฐ

์ดˆ๊ธฐํ™” ์ „์— ๋จผ์ € ์• ํ”Œ ์›Œ์น˜์™€ ์•„์ดํฐ ์—ฐ๊ฒฐ์„ ํ•ด์ œํ•ด์•ผ ํ•œ๋‹ค. ๋‘ ๊ธฐ๊ธฐ๋ฅผ ๊ฐ€๊นŒ์ด ๋†“๊ณ  ์•„์ดํฐ์˜ Watch App์—์„œ - ๋‚˜์˜ Apple Watch tab ํด๋ฆญ - ' i ' ์•„์ด์ฝ˜์„ ์„ ํƒํ•œ๋‹ค. Apple Watch ์—ฐ๊ฒฐ ํ•ด์ œ๋ฅผ ๋ˆ„๋ฅด๊ณ  ์ž์‹ ์˜ Apple ID/Pass๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ์—ฐ๊ฒฐ์ด ํ•ด์ œ๋œ๋‹ค. ์—ฐ๊ฒฐ์ด ํ•ด์ œ๋˜์—ˆ๋‹ค๋ฉด ์ด์ œ ์•„์ดํฐ์œผ๋กœ ์• ํ”Œ ์›Œ์น˜๋ฅผ ์ดˆ๊ธฐํ™”ํ•ด๋ณด์ž. 1. Watch App ์‹คํ–‰ 2. ์ผ๋ฐ˜ ํด๋ฆญ 3. ์ผ๋ฐ˜ - ์žฌ์„ค์ • ํด๋ฆญ 4. Apple Watch์˜ ์ฝ˜ํ…์ธ  ๋ฐ ์„ค์ • ์ง€์šฐ๊ธฐ ํด๋ฆญ *

iOS 2021.05.15

[javaScript] ํŠน์ •ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ DOM ์š”์†Œ์— ์ €์žฅ / dataset

dataset dataset์€ ํŠน์ •ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ DOM ์š”์†Œ์— ์ €์žฅํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฐ์ดํ„ฐ ์†์„ฑ์€ 'data-'๋กœ ์‹œ์ž‘ํ•ด์•ผ ํ•œ๋‹ค. ์žฅ์  : ํƒœ๊ทธ์— hidden์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆจ๊ฒจ๋‘์ง€ ์•Š์•„๋„ ๋œ๋‹ค. 1. data-name ์„ ์–ธ (data-code, data-value ๋“ฑ data-(์ž์œ ๋กญ๊ฒŒ)) 2. id๋กœ ์ „์ฒด ์†์„ฑ ๊ฐ’ ์ถ”์ถœํ•˜๊ธฐ 3. ํŠน์ • ์†์„ฑ ๊ฐ’๋งŒ ์ถ”์ถœํ•˜๊ธฐ 4. ๋ฐ์ดํ„ฐ ์†์„ฑ ๊ฐ’ ๋ฐ”๊พธ๊ธฐ ์ฐธ๊ณ  : https://dololak.tistory.com/364

js 2021.05.13

[javaScript] ํŽ˜์ด์ง€ ๋‚ด์— ์›ํ•˜๋Š” ์œ„์น˜๋กœ ์Šคํฌ๋กค ์ด๋™ํ•˜๊ธฐ

window.scrollTo( X, Y ) : ์ ˆ๋Œ€์ ์ธ ์œ„์น˜ ์™ผ์ชฝ ์ƒ๋‹จ์„ ๊ธฐ์ค€(์ ˆ๋Œ€ ์œ„์น˜)์œผ๋กœ ํ•˜์—ฌ ์Šคํฌ๋กค์„ ์ด๋™ window.scrollTo( 200, 300 ); // ๊ฐ€๋กœ ์Šคํฌ๋กค ์œ„์น˜ ๊ฐ’, ์„ธ๋กœ ์Šคํฌ๋กค ์œ„์น˜ ๊ฐ’ window.scrollBy( X, Y ) : ์ƒ๋Œ€์ ์ธ ์œ„์น˜ ํ˜„์žฌ ์œ„์น˜๋ฅผ ๊ธฐ์ค€(์ƒ๋Œ€ ์œ„์น˜)์œผ๋กœ ํ•˜์—ฌ ์Šคํฌ๋กค์„ ์ด๋™ window.scrollBy( 200, 300 ); // ๊ฐ€๋กœ ์Šคํฌ๋กค ๊ฐ’, ์„ธ๋กœ ์Šคํฌ๋กค ๊ฐ’

js 2021.05.12

[jQuery] ์ž์‹ ๋ฐ ํ•˜์œ„ ํƒœ๊ทธ ๋ชจ๋‘์—์„œ ์ฐพ๋Š” .find()

. find() ์„ ํƒ๋œ ์š”์†Œ ์ง‘ํ•ฉ์—์„œ ์„ ํƒ์ž ๋งค๊ฐœ๋ณ€์ˆ˜ : selector(#id, .class), jQuery๊ฐ์ฒด, element . find()์™€. children() ํ•จ์ˆ˜๋Š” ๋น„์Šทํ•˜์ง€๋งŒ ๋‹ค๋ฅด๋‹ค. . find() : ์ž์‹ ๋ฐ ํ•˜์œ„ ํƒœ๊ทธ ๋ชจ๋‘ ์ฐพ์„ ๋•Œ . chilidren() : ๋ฐ”๋กœ ์•„๋ž˜ ์š”์†Œ, ์ž์‹ ์š”์†Œ๋งŒ ์ฐพ์„ ๋•Œ 1 2 3 $('ul').find('span'); //span ๋ชจ๋‘ $('ul>li:eq(0)').children('span'); //์ฒซ๋ฒˆ์งธ span์„ ์ฐพ์„๋•Œ (์ž์‹์š”์†Œ) $('ul').find('span:eq(2)'); //์„ธ๋ฒˆ์งธ span์„ ์ฐพ์„๋•Œ (์ž์‹ ๋ฐ ํ•˜์œ„ ํƒœ๊ทธ ๋ชจ๋‘) $('ul').find('span:eq(2)').css('color', 'red'); ์ƒ‰์ƒ์„ ๋„ฃ์–ด ํ…Œ์ŠคํŠธ. 3๋ฒˆ์งธ ..

js 2021.05.11

[css] overflow ์‚ฌ์šฉํ•˜๊ธฐ (์Šคํฌ๋กค)

1. overflow: visible; ๊ธฐ๋ณธ๊ฐ’. ์‚ฌ์ด์ฆˆ๋ฅผ ๋„˜ ์น ๊ฒฝ ์šฐ ๊ธ€์ด ์ƒ์ž ๋ฐ–์œผ๋กœ ๋ณด์ž„. 2. overflow: hidden; ์‚ฌ์ด์ฆˆ๋ฅผ ๋„˜ ์น ๊ฒฝ ์šฐ ๊ธ€์ด ์ž˜๋ฆผ. 3. overflow: scroll; ์‚ฌ์ด์ฆˆ๋ฅผ ๋„˜์น ๊ฒฝ์šฐ ๊ฐ€๋กœ ์„ธ๋กœ ๋ชจ๋‘ ์Šคํฌ๋กค์ด ์ถ”๊ฐ€. 4. overflow: auto; ์–‘์— ๋”ฐ๋ผ ์Šคํฌ๋กค์ด ์ž๋™์œผ๋กœ ์ถ”๊ฐ€๋ ์ง€ ๊ฒฐ์ •. 5. overflow-x, overflow-y ๊ฐ€๋กœ, ์„ธ๋กœ overflow๋ฅผ ๊ฐ๊ฐ ์ œ์–ดํ•˜๊ณ ์ž ํ•œ๋‹ค๋ฉด overflow-x์™€ overflow-y๋ฅผ ์‚ฌ์šฉ. ์ฐธ๊ณ  : triki.net/prgm/792

css 2021.05.10

[Zoom] ์คŒ ์‹œ๊ฐ„์ œํ•œ ์—†์ด ๋ฌด์ œํ•œ ์ด์šฉํ•˜๊ธฐ (nate.com)

1. nate.com ์ ‘์† (ํšŒ์›์ด ์•„๋‹ ๊ฒฝ์šฐ ํšŒ์›๊ฐ€์ž…์„ ํ•œ๋‹ค.) ํšŒ์›๊ฐ€์ž… | ๋„ค์ดํŠธ member.nate.com 2. ํšŒ์›๊ฐ€์ž… ์™„๋ฃŒ ํ›„ Zoom ๋ฌด๋ฃŒ๊ฐ€์ž… ํด๋ฆญ ๋„ค์ดํŠธ๋ฅผ ์ƒˆ๋กœ ๊ฐ€์ž…ํ•œ ๊ฑฐ๋‹ˆ ์คŒ๋„ ์ƒˆ๋กญ๊ฒŒ ๊ฐ€์ž…ํ•œ๋‹ค. ๋น„๋””์˜ค ํšŒ์˜, ์›น ํšŒ์˜, ์›จ๋น„๋‚˜, ํ™”๋ฉด ๊ณต์œ  Zoom์€ ๋ชจ๋ฐ”์ผ, ๋ฐ์Šคํฌํ†ฑ ๋ฐ ํšŒ์˜์‹ค ์‹œ์Šคํ…œ์—์„œ ๋น„๋””์˜ค ๋ฐ ์˜ค๋””์˜ค ํšŒ์˜, ์ฑ„ํŒ… ๋ฐ ์›จ๋น„๋‚˜๋ฅผ ์•ˆ์ „ํ•˜๊ณ  ํŽธ๋ฆฌํ•˜๊ฒŒ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ํด๋ผ์šฐ๋“œ ํ”Œ๋žซํผ์„ ์ œ๊ณตํ•˜์—ฌ ์ฒจ๋‹จ ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ ๋น„๋””์˜ค ํ†ต์‹ ์„ ์„ ๋„ zoom.us 1๋ฒˆ์—์„œ ๊ฐ€์ž…ํ•œ nate.com ์ด๋ฉ”์ผ์„ ์ž…๋ ฅํ•œ๋‹ค. 4. Zoom ๋ฌด๋ฃŒ๊ฐ€์ž… ํ›„ nate mail ํ™•์ธํ•˜๊ธฐ 5. Zoom ๊ณ„์ • ํ™œ์„ฑํ™” ํ•˜๊ธฐ ** ๊ณ„์ • ํ™œ์„ฑํ™” - ์ดˆ์ค‘๊ณ ๊ต(K-12) ๊ธฐ๊ด€์„ ๋Œ€๋ฆฌํ•˜์—ฌ ๊ฐ€์ž… '์˜ˆ/์•„๋‹ˆ์˜ค'์—์„œ '์•„๋‹ˆ์˜ค'๋กœ ํ•œ๋‹ค. 6. Zoom..

Basic 2021.05.07

[JXLS] ์—‘์…€ ๋‹ค์šด๋กœ๋“œ

JXLS = JXLS์€ ํ…œํ”Œ๋ฆฟ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์ตœ์ข… ์—‘์…€ํŒŒ์ผ์„ ์ƒ์„ฑ ๋ฐ์ดํ„ฐ (java ๊ฐ์ฒด) + ์—‘์…€ ํ…œํ”Œ๋ฆฟ = ์—‘์…€๊ฒฐ๊ณผ ์ถœ๋ ฅ ์—‘์…€์„ ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์—‘์…€์˜ ์„œ์‹, ์ฐจํŠธ, ์ˆ˜์‹๋“ฑ์„ ๋„ฃ์„ ์ˆ˜ ์žˆ๋‹ค. pom.xml org.apache.poi poi 3.13 org.apache.poi poi-ooxml 3.13 org.apache.poi poi-ooxml-schemas 3.13 org.apache.poi poi-contrib 3.7-beta3 commons-beanutils commons-beanutils 1.9.2 commons-digester commons-digester 2.0 org.apache.commons commons-jexl 2.1.1 net.sf.jxls jxls-core 1.0.5 Exce..

Spring 2021.05.06

[Mybatis] ๋ฐฉ๊ธˆ insert ๊ฐ’ select ํ•˜๊ธฐ <selectKey>

insert์™€ ๋™์‹œ์— select๋ฅผ ํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์ข…์ข… ์žˆ๋‹ค. ๊ทธ๋Ÿฐ ๊ฒฝ์šฐ์—” ๋ฅผ ์‚ฌ์šฉํ•ด์ค˜์•ผํ•œ๋‹ค. select seq_board.nextval from dual insert into tbl_board ( boardNo, boardTitle, baordContent, boardWriter ) values ( #{boardNo}, #{boardTitle}, #{baordContent}, #{boardWriter} ) keyProperty ๋‹ค์Œ ์ฟผ๋ฆฌ์— ๋Œ€์ž…๋  ๋ณ€์ˆ˜๋ช… == selectKey๊ตฌ๋ฌธ์˜ ๊ฒฐ๊ณผ๊ฐ€ ์„ธํŒ…๋  ๋Œ€์ƒ ํ”„๋กœํผํ‹ฐ resultType ๊ฒฐ๊ณผ์˜ ํƒ€์ž… order ์‹คํ–‰์‹œ์  ( BEFORE ๋˜๋Š” AFTEER ) BEFORE : ํ‚ค๋ฅผ ๋จผ์ € ์กฐํšŒํ•˜๊ณ  ๊ทธ ๊ฐ’์„ keyProperty์— ์„ธํŒ… ํ•œ ํ›„ insert ์‹คํ–‰ A..

Spring 2021.05.04