profile
๐Ÿ’ป - .net, Spring, React โœจโœจ
post-thumbnail

[C#] ?์™€ ??์˜ ์ฐจ์ด์ 

C\`\`\` csharpint? max = list?.Max;int min = list?.Min ?? 0;Nullable<T> ํƒ€์ž…์€ HasValue, Value ์†์„ฑ์„ ๊ฐ€์ง‘๋‹ˆ๋‹ค.HasValue : ๊ฐ’์ด ํ• ๋‹น๋˜์—ˆ๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ bool ๊ฐ’์œผ๋กœ ๋ฐ˜ํ™˜value : ๊ฐ’

2022๋…„ 2์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[ASP. NET MVC] ํด๋ผ์ด์–ธํŠธ์—์„œ ์ž ์žฌ์  ์œ„ํ—˜์ด ์žˆ๋Š” ์˜ค๋ฅ˜ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•

AJAX๋ฅผ ํ†ตํ•ด ์„œ๋ฒ„๋กœ POST์š”์ฒญ์‹œ Controller๋กœ ๋„˜์–ด๊ฐ€์ง€๋„ ๋ชปํ•˜๊ณ  ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.์ด๋•Œ ์„œ๋ฒ„๋กœ ๋„˜๊ธด ๊ฐ’์— ํŠน์ˆ˜๋ฌธ์ž๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์—ˆ๊ณ  ์ด์— ๋”ฐ๋ฅธ ๋ฌธ์ œ์˜€์Šต๋‹ˆ๋‹ค.์„œ๋ฒ„๋กœ ๊ฐ’์„ ์ „๋‹ฌํ•  ๋•Œ POST ์š”์ฒญ์‹œ ํŠน์ˆ˜๋ฌธ์ž๋‚˜ ์ธ์ฝ”๋”ฉ ๋˜์ง€ ์•Š์€ HTML ์ฝ˜ํ…์ธ (<,>)๊ฐ€

2021๋…„ 10์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

์ด์ง„ ํƒ์ƒ‰ (Binary Search)

์ด์ง„ ๊ฒ€์ƒ‰ ์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ์˜ค๋ฆ„์ฐจ์ˆœ์œผ๋กœ ์ •๋ ฌ๋œ ๋ฆฌ์ŠคํŠธ์—์„œ ํŠน์ •ํ•œ ๊ฐ’์˜ ์œ„์น˜๋ฅผ ์ฐพ๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜์ž…๋‹ˆ๋‹ค.์žฅ์  : ๊ฒ€์ƒ‰์ด ๋ฐ˜๋ณต๋  ๋•Œ๋งˆ๋‹ค ๋ชฉํ‘œ๊ฐ’์„ ์ฐพ์„ ํ™•๋ฅ ์ด ๋‘๋ฐฐ๊ฐ€ ๋˜๋ฏ€๋กœ ์†๋„๊ฐ€ ๋น ๋ฆ…๋‹ˆ๋‹ค.๋‹จ์  : ๊ฒ€์ƒ‰ ์›๋ฆฌ์ƒ(์ค‘๊ฐ„ ๊ฐ’์„ ์ฐพ์•„์•ผ ํ•˜๊ธฐ์—) ์ •๋ ฌ๋œ ๋ฆฌ์ŠคํŠธ์—๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.๋ฐฐ์—ด์˜ ์ค‘

2021๋…„ 10์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[KENDO UI] DataSource๋ฅผ gird, listview์— ์žฌ์‚ฌ์šฉํ•˜๊ธฐ

์œ„์™€ ๊ฐ™์ด ๊ฒŒ์‹œํŒ์—์„œ kendoGrid์™€ kendoListView๋ฅผ ์ด์šฉํ•ด ๊ฐ™์€ ๋ฐ์ดํ„ฐ๋ฅผ ๋‘ ๊ฐ€์ง€ ๋ฒ„์ „์œผ๋กœ ๊ฒŒ์‹œ๋ฌผ์„ ๋ณด์—ฌ์ฃผ๋Š” UI๋ฅผ ๊ฐœ๋ฐœํ–ˆ์Šต๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ kendoGrid์™€ kendoListView๋ฅผ ๊ฐ๊ฐ์˜ DataSource๋กœ ๊ตฌ์„ฑํ•ด ๋ณธ ๊ฒฐ๊ณผ ๊ฐ™์€ ์š”์ฒญ์ด ๋‘ ๋ฒˆ์”ฉ ๋ฐœ์ƒ

2021๋…„ 10์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JS๋กœ Pagination ๊ตฌํ˜„ํ•˜๊ธฐ

์ถœ์ฒ˜ํŽ˜์ด์ง€๋„ค์ด์…˜์ด๋ž€ ์ฝ˜ํ…์ธ ๋ฅผ ์—ฌ๋Ÿฌ ํŽ˜์ด์ง€๊ณ  ๋‚˜๋ˆ„๊ณ , ์ด์ „ ํ˜น์€ ๋‹ค์Œ ํŽ˜์ด์ง€๋กœ ๋„˜์–ด๊ฐ€๊ฑฐ๋‚˜ ํŠน์ • ํŽ˜์ด์ง€๋กœ ๋„˜์–ด๊ฐˆ ์ˆ˜ ์žˆ๋Š” ์ผ๋ จ์˜ ๋งํฌ๋ฅผ ํŽ˜์ด์ง€ ์ƒ๋‹จ์ด๋‚˜ ํ•˜๋‹จ์— ๋ฐฐ์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.๊ฒŒ์‹œํŒ์„ ๋” ์‰ฝ๊ฒŒ ๋ณผ ์ˆ˜ ์žˆ๊ณ  ์‚ฌ์šฉ์ž์˜ ์ ‘๊ทผ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ๊ฒŒ Pagnation์„ ์ ์šฉํ•˜๊ธฐ๋กœ

2021๋…„ 6์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๋ฌดํ•œ ์Šคํฌ๋กค(Infinite scroll) ๊ตฌํ˜„ํ•˜๊ธฐ

๊ฒŒ์‹œํŒ์˜ ๋งŽ์€ ์–‘์˜ ๊ธ€์„ ํŽธ๋ฆฌํ•˜๊ฒŒ ๋ณด๊ธฐ ์œ„ํ•ด ๋ฌดํ•œ ์Šคํฌ๋กค ๋ฐฉ๋ฒ•์œผ๋กœ ํŽ˜์ด์ง• ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•ด ๋ดค์Šต๋‹ˆ๋‹ค.๋ฌดํ•œ ์Šคํฌ๋กค์€ ์‚ฌ์šฉ์ž๊ฐ€ ํŽ˜์ด์ง€ ํ•˜๋‹จ์— ๋„๋‹ฌํ–ˆ์„ ๋•Œ, ์ฝ˜ํ…์ธ ๊ฐ€ ๊ณ„์† ๋กœ๋“œ๋˜๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX) ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ํ•œ ํŽ˜์ด์ง€ ์•„๋ž˜๋กœ ์Šคํฌ๋กค ํ•˜๋ฉด ๋์—†์ด ์ƒˆ๋กœ์šด ํ™”๋ฉด์„ ๋ณด์—ฌ์ฃผ๊ฒŒ ๋˜๊ณ 

2021๋…„ 6์›” 14์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

PureCSS๋กœ Skeleton UI ์ œ์ž‘ํ•˜๊ธฐ

์›น ์ œ์ž‘์„ ํ•˜๋ฉด์„œ ๊ฒ€์ƒ‰์—”์ง„์˜ ์‘๋‹ต์†๋„๊ฐ€ ๋ฐ์ดํ„ฐ๊ฐ€ ๋Š˜์–ด๋‚จ์— ๋”ฐ๋ผ ์ตœ๋Œ€ 3์ดˆ๊นŒ์ง€ ๊ฑธ๋ฆฌ๋Š” ํ˜„์ƒ์ด ๋ฐœ์ƒํ•˜๊ฒŒ ๋˜์–ด ์ „์— ์žฌ๋ฏธ์žˆ๊ฒŒ ๋ดค์—ˆ๋˜ '๋” ๋‚˜์€ UX๋ฅผ ์œ„ํ•œ React์—์„œ ์Šค์ผˆ๋ ˆํ†ค ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ' ํฌ์ŠคํŒ…์„ ์ฐธ๊ณ ํ•ด Skeleton UI๋ฅผ ๋Œ์ž…ํ•˜๊ธฐ๋กœ ํ–ˆ์Šต๋‹ˆ๋‹ค.์ถœ์ฒ˜์Šค์ผˆ๋ ˆํ†ค UI๋Š”

2021๋…„ 6์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Cropper.js ์‚ฌ์šฉ๊ธฐ

๊ณต๊ฐœ์ ์œผ๋กœ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ๊ฒŒ ์„ค๊ณ„๋˜์–ด ๋ˆ„๊ตฌ๋‚˜ ์ž์œ ๋กญ๊ฒŒ ํ™•์ธ, ์ˆ˜์ •, ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค.๋น„์šฉ ์ ˆ๊ฐ๋น ๋ฅด๊ณ  ์œ ์—ฐํ•œ ๊ฐœ๋ฐœ ์‹ ๋ขฐ์„ฑ(๊ฒ€์ฆ๋œ ๊ธฐ๊ด€์—์„œ ๋ฐœํ–‰ ์‹œ !!)๋ณ€๊ฒฝ์˜ ์ž์œ ๋กœ์›€(์˜คํ”ˆ์†Œ์Šค๊ฐ€ ์œ ๋ฃŒํ™” ๋˜์–ด๋„ ์ž์ฒด์ ์œผ๋กœ ๋ณ€๊ฒฝํ•˜์—ฌ ์ž์‚ฐํ™” ์‹œ ์˜คํ”ˆ์†Œ์Šค ๊ณ„์† ์ด์šฉ ๊ฐ€๋Šฅ)๊ณต์‹ ํ™ˆํŽ˜์ด

2021๋…„ 6์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript์˜ ์Šค์ฝ”ํ”„๋ž€?

์Šค์ฝ”ํ”„(scope)๋Š” ๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜, ๋งค๊ฐœ๋ณ€์ˆ˜๊ฐ€ ์–ธ์ œ ์–ด๋””์„œ ์ •์˜๋˜๋Š”์ง€ ๊ฒฐ์ •ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ํ•จ์ˆ˜ ๋งค๊ฐœ๋ณ€์ˆ˜๊ฐ€ ํ•จ์ˆ˜ ๋ฐ”๋”” ์•ˆ์—์„œ๋งŒ ์กด์žฌํ•˜๋Š” ๊ฒƒ๋„ ์Šค์ฝ”ํ”„์˜ ์ผ์ข…์ž…๋‹ˆ๋‹ค.์œ„์˜ ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด f(5)๋ฅผ ํ†ตํ•ด ํ•จ์ˆ˜ f๋ฅผ ํ˜ธ์ถœ ํ•˜๊ธฐ ์ „๊นŒ์ง€๋Š” x๋Š” ์กด์žฌํ•˜์ง€ ์•Š๊ณ  ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•˜๋Š” ๋™์•ˆ๋งŒ

2021๋…„ 4์›” 29์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Pseudo-Element(๊ฐ€์ƒ์š”์†Œ)๋ž€?

โ“CSS ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด์„œ ์ด๋Ÿฐ ์ฝ”๋“œ๋ฅผ ๋ณธ ์  ์žˆ์„๊ฒ๋‹ˆ๋‹ค.๋ฐ”๋กœ ::fisrt-line ์ด ๋ถ€๋ถ„์ด ์˜์‚ฌ์š”์†Œ, ๊ฐ€์ƒ์š”์†Œ๋กœ ๋ถˆ๋ฆฌ๋Š” Pseudo-Element์ธ๋ฐ์š”.Pseudo-Element๋ž€?์„ ํƒ์ž์— ์ถ”๊ฐ€ํ•˜๋Š” ํ‚ค์›Œ๋“œ๋กœ, ์„ ํƒํ•œ ์š”์†Œ์˜ ์ง€์ •๋œ ๋ถ€๋ถ„์— ์Šคํƒ€์ผ์„ ์ž…ํž ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค๊ฐ€์ƒ

2021๋…„ 4์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

MIME์— ๋Œ€ํ•˜์—ฌ...

IIS ์„œ๋ฒ„๋ฅผ ์ด์šฉํ•ด ๊ฐœ๋ฐœํ•˜๋‹ค๋ณด๋‹ˆ ํŠน์ • ํŒŒ์ผ ์—…๋กœ๋“œ ์‹œ์— ์„œ๋ฒ„๊ฐ€ ํŒŒ์ผ์„ ๋ฐ›์ง€ ๋ชปํ•˜๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒ ํ–ˆ์Šต๋‹ˆ๋‹ค..!! ๐Ÿ˜ฑ๋ฌธ์ œ๋Š” ๋ฐ”๋กœ MIME ๋ฌธ์ œ์˜€์Šต๋‹ˆ๋‹ค.๐Ÿ”จMultipurpose Internet Mail Extensions์˜ ์•ฝ์ž๋กœ ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ ์ „์†ก๋œ ๋ฌธ์„œ์˜ ๋‹ค์–‘์„ฑ์„

2021๋…„ 3์›” 31์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๐Ÿ‘ป์ด๋ฒคํŠธ(event)์— ๋Œ€ํ•˜์—ฌ...

์ด๋ฒคํŠธ(event)๋Š” ํด๋ฆญ ํ–ˆ์„ '๋•Œ', ์Šคํฌ๋กค์„ ํ–ˆ์„ '๋•Œ', ํ•„๋“œ์˜ ๋‚ด์šฉ์„ ๋ฐ”๊พธ์—ˆ์„ '๋•Œ' ๊ฐ™์ด ์–ด๋–ค ์‚ฌ๊ฑด ๋˜๋Š” ํ–‰์œ„๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฒคํŠธ๋Š” DOM๊ณผ ๋ฐ€์ฒฉํ•œ ๊ด€๊ณ„๋ฅผ ๊ฐ€์ง€๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.ํ”„๋กœ๊ทธ๋žจ์—๋Š” ์ด๋Ÿฐ ์‚ฌ์šฉ์ž์˜ ํ–‰์œ„์™€ ์‚ฌ๊ฑด์„ ์˜ˆ์ธกํ•˜์—ฌ ๋ฏธ๋ฆฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ด๋ฒคํŠธ๊ฐ€ ์ค€๋น„๋˜

2021๋…„ 3์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

CORS์— ๋Œ€ํ•˜์—ฌ...

Same-origin policy๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ค‘์š”ํ•œ ๋ณด์•ˆ ๋ชจ๋ธ์ผ์น˜ํ•˜๋Š” HTML ํƒœ๊ทธ๋ฅผ ๊ฒฝ์šฐํ•˜๋Š” ์ด๋ฏธ์ง€, CSS ์Šคํฌ๋ฆฝํŠธ ๋“ฑ ์ถœ์ฒ˜๋ฅผ ๊ฒฝ์šฐํ•ด ๋ฆฌ์†Œ์Šค ์ž„๋ฒ ๋“œํ•˜๋Š”๊ฒƒ ์ œํ•œ๋˜์ง€ ์•Š์Œ์›น ๋ธŒ๋ผ์šฐ์ € ๋ณด์•ˆ์„ ์œ„ํ•ด ํ”„๋กœํ† ์ฝœ, ํ˜ธ์ŠคํŠธ, ํฌํŠธ๊ฐ€ ๋™์ผํ•œ ์„œ๋ฒ„๋กœ๋งŒ Ajax ์š”์ฒญ์„ ์ฃผ๊ณ 

2021๋…„ 3์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

CSS ์ „์ฒ˜๋ฆฌ๊ธฐ๋ž€?

์ „์ฒ˜๋ฆฌ๊ธฐ์˜ ์ž์‹ ๋งŒ์˜ ํŠน๋ณ„ํ•œ syntax๋ฅผ ๊ฐ€์ง€๊ณ  CSS๋ฅผ ์ƒ์„ฑํ•˜๋„๋ก ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจโ†’ CSS์˜ ๋ฌธ์ œ์ ๋“ค์„ Programmatically ํ•œ ๋ฐฉ์‹. ์ฆ‰ ๋ณ€์ˆ˜, ํ•จ์ˆ˜, ์ƒ์† ๋“ฑ ์ผ๋ฐ˜์ ์ธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ฐœ๋…์„ ์‚ฌ์šฉ๊ฐ€๋Šฅ( ์ „์ฒ˜๋ฆฌ๊ธฐ๋Š” ํƒœ์ƒ์ ์œผ๋กœ ๊ธฐ์กด css๊ฐ€ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋Š” ๋ถˆ๋ฆฌํ•œ

2021๋…„ 3์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ELK Stack ๊ธฐ๋ณธ ๊ฐœ๋…

์˜คํ”ˆ์†Œ์Šค ํ”„๋กœ์ ํŠธ ์„ธ๊ฐœ์˜ ๋จธ๋ฆฌ๊ธ€์ž Elasticsearch Logstatsh KibnanLogstashโ†’ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘ํ•˜์—ฌ ๋ณ€ํ™˜ํ•œ ํ›„, Elasticsearch ๊ฐ™์€ stash๋กœ ์ „์†กํ•˜๋Š” ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ ํŒŒ์ดํ”„ ๋ผ์ธ.Elasticsearchโ†’๊ฒ€์ƒ‰ ๋ฐ ๋ถ„์„ ์—”์ง„. JSON

2021๋…„ 2์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

JavaScript๋Š” ๋น„๋™๊ธฐ๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ฐ€๋Šฅํ• ๊นŒ?

์›น์„ ํ’๋ถ€ํ•˜๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ์ž‘๊ณ  ๊ฐ€๋ฒผ์šด ์–ธ์–ด๋กœ ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰ํ•˜๋Š” ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด ๊ธฐ์ˆ ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด : ํ”„๋กœ๊ทธ๋žจ์„ ํ•œ์ค„๋งˆ๋‹ค ๊ธฐ๊ณ„์–ด๋กœ ๋ฒˆ์—ญํ•ด ์‹คํ–‰ํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์ปดํŒŒ์ผ ์–ธ์–ด : ์†Œ์Šค ์ฝ”๋“œ ์—ฌ๋Ÿฌ ๊ฐœ๋ฅผ ๋ฌถ์–ด์„œ ์ปดํŒŒ์ผ ํ•œ ํ›„์— ์‹คํ–‰๋˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ดํด๋ผ

2021๋…„ 2์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท