728x90
๋ฐ˜์‘ํ˜•

2024/02 29

[CSS] flex-wrap ์ค„๋ฐ”๊ฟˆ ์ƒํƒœ์—์„œ ๊ฐ€์šด๋ฐ ์ •๋ ฌํ•˜๊ธฐ

https://darrengwon.tistory.com/130 Flexbox ์ œ๋Œ€๋กœ ํ™œ์šฉํ•˜๊ธฐ (flex-grow, flex-shrink, flex-wrap etc) Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com ์ด๋ฒˆ์—์•ผ๋ง๋กœ CSS Flex๋ฅผ ์ตํ˜€๋ณด์ž ์ด ํŠœํ† ๋ฆฌ์–ผ์€ “์ฐจ์„ธ๋Œ€ CSS ๋ ˆ์ด์•„์›ƒ” ์‹œ๋ฆฌ์ฆˆ์˜ ์ฒซ๋ฒˆ์งธ ํฌ์ŠคํŠธ์ž…๋‹ˆ๋‹ค. ์ด๋ฒˆ์—์•ผ๋ง๋กœ CSS Flex๋ฅผ ์ตํ˜€๋ณด์ž ์ด๋ฒˆ darrengwon.tistory.com .flex-container { width: 550px; margin: 0px auto; display: flex; } .flex-item:nth-child(3) { margin-left: auto; } margin: 0px auto;..

Front/CSS 2024.02.29

[jQuery] if( $.fn.datepicker ) ์˜ ์˜๋ฏธ

if ($.fn.datepicker)์€ jQuery ํ”Œ๋Ÿฌ๊ทธ์ธ ๋˜๋Š” ๋ฉ”์„œ๋“œ ์ค‘์— datepicker๊ฐ€ ์ •์˜๋˜์–ด ์žˆ๋Š”์ง€๋ฅผ ํ™•์ธํ•˜๋Š” ์กฐ๊ฑด๋ฌธ์ž…๋‹ˆ๋‹ค. ํ•ด๋‹น ์ฝ”๋“œ๋Š” jQuery์˜ $.fn์„ ํ†ตํ•ด jQuery ๊ฐ์ฒด์˜ ํ”„๋กœํ† ํƒ€์ž…์— ์ ‘๊ทผํ•˜๊ณ , ๊ทธ ์•ˆ์— datepicker๋ผ๋Š” ์†์„ฑ์ด ์กด์žฌํ•˜๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ์ด๋Ÿฌํ•œ ํŒจํ„ด์€ ํŠน์ • ํ”Œ๋Ÿฌ๊ทธ์ธ์ด๋‚˜ ๋ฉ”์„œ๋“œ๊ฐ€ ํŽ˜์ด์ง€์—์„œ ๋กœ๋“œ๋˜์—ˆ๋Š”์ง€๋ฅผ ์ฒดํฌํ•˜๊ณ , ๊ทธ์— ๋”ฐ๋ผ ํŠน์ • ๋™์ž‘์„ ์ˆ˜ํ–‰ํ•˜๊ฑฐ๋‚˜ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ๋งŒ์•ฝ ํŽ˜์ด์ง€์—์„œ jQuery UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ๋กœ๋“œ๋˜์–ด ์žˆ๊ณ , ๊ทธ ์•ˆ์— datepicker ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ํฌํ•จ๋˜์–ด ์žˆ๋‹ค๋ฉด, ์ด ์กฐ๊ฑด๋ฌธ์€ ์ฐธ์ด ๋˜์–ด ๊ทธ ์•„๋ž˜์˜ ๋ธ”๋ก์ด ์‹คํ–‰๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. if ($.fn.datepicker) { // jQuery UI์˜ date..

Front/JS & jQuery 2024.02.28

[CSS] CSSํŒŒ์ผ ๋„ฃ๋Š” ์œ„์น˜

https://codingfirst.kr/1442/ CSS๊ธฐ์ดˆ(1) CSS ํŒŒ์ผ ๋„ฃ๋Š” ๋ฐฉ๋ฒ• - ์šฐ์„ ์ฝ”๋”ฉ CSS ํŒŒ์ผ ๋„ฃ๋Š” ๋ฐฉ๋ฒ• link ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•˜๊ธฐ ์œ„์น˜ : head ํƒœ๊ทธ ์‚ฌ์ด link ํƒœ๊ทธ๋Š” ํ˜„์žฌ ๋ฌธ์„œ(HTML)์™€ ์™ธ๋ถ€ ๋ฆฌ์†Œ์Šค(CSS, JavaScript..) ๊ฐ„์˜ ๊ด€๊ณ„๋ฅผ ์ •์˜ํ•  ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. @import ๋ฅผ ์ด์šฉํ•˜๊ธฐ @import url("css/style.css") codingfirst.kr ์•ˆ์— ์•ˆ์— ์•ˆ์— @import

Front/CSS 2024.02.27

[js] min.js js ์ฐจ์ด

https://daram2-everyday.tistory.com/36 [Javascript] - min.js ๋“ฑ min ํŒŒ์ผ์ด๋ž€? ํ…œํ”Œ๋ฆฟ์„ ๋‹ค์šด๋ฐ›์•„๋ณด๋ฉด minํŒŒ์ผ์„ ์ž์ฃผ ๋ณด๊ฒŒ ๋œ๋‹ค. minํŒŒ์ผ์€ minify (์ถ•์†Œํ•˜๋‹ค)์˜ ์ค„์ž„์œผ๋กœ ๊ณต๋ฐฑ๊ณผ ์ค„ ๋ฐ”๊ฟˆ์„ ์ œ๊ฑฐํ•˜์—ฌ ์šฉ๋Ÿ‰์„ ์ค„์ธ ํŒŒ์ผ์ด๋‹ค. ๋•๋ถ„์— ์ „์†ก๋Ÿ‰์„ ์ค„์ผ ์ˆ˜ ์žˆ๋‹ค. .jsํŒŒ์ผ์€ ๊ฐ€๋…์„ฑ(๋“ค daram2-everyday.tistory.com

Front/JS & jQuery 2024.02.26

[DB][Mybatis] update if / trim ํƒœ๊ทธ / ๋ชจ๋“  ์ปฌ๋Ÿผ if ์กฐ๊ฑด ์‚ฌ์šฉํ•˜์—ฌ update ํ•  ๋•Œ

https://gold-k.tistory.com/12 [MyBatis] update set์— ๋ชจ๋‘ if ์‚ฌ์šฉํ•˜๊ธฐ์™€ trimํƒœ๊ทธ ๊ฐœ๋ฐœ ๊ณผ์ •์—์„œ ์—…๋ฐ์ดํŠธ ํ•ด์•ผํ•  ์š”์†Œ๊ฐ€ ์ •ํ•ด์ ธ์žˆ์ง€ ์•Š์€ ๊ฒฝ์šฐ๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ๋‹ค. update testTable test1 = #{test1}, test2 = #{test2}, ์œ„ ์™€ ๊ฐ™์ด ์‚ฌ์šฉํ•˜๋ฉด ๋˜๋Š”๋ฐ ํ•˜๋‚˜์”ฉ ์•Œ์•„๋ณด์ž Trim ์ ‘๋‘์–ด(prefix), ์ ‘๋ฏธ์–ด(suf gold-k.tistory.com

DB 2024.02.25

[Error][JAVA] java.lang.IndexOutOfBoundsException: Index 0 out of bounds for length 0

https://qh5944.tistory.com/160 [Java]IndexOutOfBoundsException: Index: 0, Size: 0 ์—๋Ÿฌ IndexOutOfBoundsException: Index: 0, Size: 0 ์—๋Ÿฌ ์ฒ˜์Œ ๋งŒ๋‚˜๋ณธ ์—๋Ÿฌ๋ผ ์‚ด์ง ๋‹นํ™ฉ ใ…กใ…กใ…‹ ํ•ด๊ฒฐ # ์ด์ „ ์ฝ”๋“œ ////๋ฏธ๋ฆฌ๋ณด๊ธฐ ์กฐํšŒ List PreviewBoard = boardDataAdminService.getPreviewBoard(param); String previewboardmenuurl = PreviewBoar qh5944.tistory.com ๋˜‘๊ฐ™์€ ์ƒํ™ฉ.. ๊ธธ์ด๊ฐ€ 0์ธ๋ฐ get์œผ๋กœ ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๋ ค๊ณ ํ•ด์„œ ์—๋Ÿฌ ๋ฐœ์ƒ. ์กฐ๊ฑด์œผ๋กœ size() !=0 ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ์ฃผ์—ˆ๋‹ค.

Error 2024.02.24

์ž„๋ฒ ๋””๋“œ๋ž€?

https://namu.wiki/w/%EC%9E%84%EB%B2%A0%EB%94%94%EB%93%9C%20%EC%8B%9C%EC%8A%A4%ED%85%9C ์ž„๋ฒ ๋””๋“œ ์‹œ์Šคํ…œ - ๋‚˜๋ฌด์œ„ํ‚ค ์ด ์ €์ž‘๋ฌผ์€ CC BY-NC-SA 2.0 KR์— ๋”ฐ๋ผ ์ด์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. (๋‹จ, ๋ผ์ด์„ ์Šค๊ฐ€ ๋ช…์‹œ๋œ ์ผ๋ถ€ ๋ฌธ์„œ ๋ฐ ์‚ฝํ™” ์ œ์™ธ) ๊ธฐ์—ฌํ•˜์‹  ๋ฌธ์„œ์˜ ์ €์ž‘๊ถŒ์€ ๊ฐ ๊ธฐ์—ฌ์ž์—๊ฒŒ ์žˆ์œผ๋ฉฐ, ๊ฐ ๊ธฐ์—ฌ์ž๋Š” ๊ธฐ์—ฌํ•˜์‹  ๋ถ€๋ถ„์˜ ์ €์ž‘๊ถŒ namu.wiki

IT์ง€์‹ 2024.02.22

[DB][MySQL] where ์ ˆ ๋ถ€์ •์—ฐ์‚ฐ์ž / ~๊ฐ€ ์•„๋‹Œ

https://moonpiechoi.tistory.com/97 [SQL] where์ ˆ: ๋ถ€์ •์—ฐ์‚ฐ์ž( ๊ฐ™์ง€ ์•Š๋‹ค !=, ^=, , NOT) ๊ฐ™์ง€ ์•Š์Œ์„ ํ‘œํ˜„ํ•˜๋Š” ์—ฐ์‚ฐ์ž != ^= NOT ์ปฌ๋Ÿผ๋ช… = ~๋ณด๋‹ค ํฌ์ง€ ์•Š๋‹ค. NOT ์ปฌ๋Ÿผ๋ช… > A์™€ B ๊ฐ’ ์‚ฌ์ด์— ์žˆ์ง€ ์•Š๋‹ค. NOT BETWEEN A AND B list ๊ฐ’๊ณผ ์ผ์น˜ํ•˜์ง€ ์•Š๋Š”๋‹ค. NOT IN (list) NULL๊ฐ’์„ ๊ฐ–์ง€ ์•Š๋Š”๋‹ค. IS NOT NULL ์˜ˆ์‹œ - moonpiechoi.tistory.com

DB 2024.02.21

[Eclipse] ๋ฉ”๋ชจ๋ฆฌ ์„ค์ •

eclipse.ini ํŒŒ์ผ ์ฐพ๊ธฐ: ์ผ๋ฐ˜์ ์œผ๋กœ ์ดํด๋ฆฝ์Šค ์„ค์น˜ ๋””๋ ‰ํ† ๋ฆฌ์— ์œ„์น˜ํ•ฉ๋‹ˆ๋‹ค. Windows์˜ ๊ฒฝ์šฐ, eclipse.ini ํŒŒ์ผ์€ ์ดํด๋ฆฝ์Šค ์‹คํ–‰ ํŒŒ์ผ์ด ์žˆ๋Š” ํด๋”์— ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. Linux ๋˜๋Š” macOS์˜ ๊ฒฝ์šฐ, eclipse.ini ํŒŒ์ผ์€ eclipse ์‹คํ–‰ ํŒŒ์ผ์ด ์žˆ๋Š” ํด๋”์— ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ํŒŒ์ผ ํŽธ์ง‘: eclipse.ini ํŒŒ์ผ์„ ํ…์ŠคํŠธ ํŽธ์ง‘๊ธฐ๋กœ ์—ฝ๋‹ˆ๋‹ค. ๋ฉ”๋ชจ๋ฆฌ ์„ค์ • ์ฐพ๊ธฐ: ํŒŒ์ผ ๋‚ด์—์„œ -Xms ๋ฐ -Xmx์™€ ๊ด€๋ จ๋œ ์˜ต์…˜์„ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” Java Virtual Machine (JVM)์— ๋ฉ”๋ชจ๋ฆฌ๋ฅผ ํ• ๋‹นํ•˜๋Š” ์˜ต์…˜์ž…๋‹ˆ๋‹ค. -Xms256m -Xmx1024m 4. ๊ฐ’ ์กฐ์ •: -Xmx ๋’ค์˜ ์ˆซ์ž๋ฅผ ์›ํ•˜๋Š” ์ตœ๋Œ€ ๋ฉ”๋ชจ๋ฆฌ ํฌ๊ธฐ๋กœ ์กฐ์ •ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, 2GB๋กœ ์„ค์ •ํ•˜๋ ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋ณ€๊ฒฝํ•  ์ˆ˜ ..

IT์ง€์‹ 2024.02.20
728x90
๋ฐ˜์‘ํ˜•