profile
๐Ÿฃ์ฐจ๊ทผ์ฐจ๊ทผ ๋ฌด๋Ÿญ๋ฌด๋Ÿญ๐Ÿฃ

ํ•ด์‹œ ํ…Œ์ด๋ธ”

ํ‚ค์™€ ๊ฐ’์„ ๋ฐ›์•„ ํ‚ค๋ฅผ ํ•ด์‹ฑํ•˜์—ฌ ๋‚˜์˜จ index์— ๊ฐ’์„ ์ €์žฅํ•˜๋Š” ์„ ํ˜• ์ž๋ฃŒ๊ตฌ์กฐํ‚ค๋ฅผ ์•Œ๊ณ  ์žˆ๋‹ค๋ฉด ์‚ฝ์ž…์‹œ ์‹œ๊ฐ„ ๋ณต์žก๋„๋Š” $$O(1)$$์ด ๊ฑธ๋ฆฌ๋ฉฐ ์‚ญ์ œ, ํƒ์ƒ‰๋„ $$O(1)$$์ด ๊ฑธ๋ฆฐ๋‹ค.

2022๋…„ 4์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

ํ

ํ FIFO(First In First Out)์˜ ๊ฐœ๋…์„ ๊ฐ€์ง„ ์„ ํ˜• ์ž๋ฃŒ๊ตฌ์กฐ๋‹ค. ๊ฒŒ์ž„์—์„œ ํ๋ฅผ ์žก๋Š”๋‹ค๋ผ๊ณ  ํ•˜๋Š”๋ฐ, ์—ฌ๊ธฐ์„œ ํ๋Š” ์ž๋ฃŒ๊ตฌ์กฐ์˜ ํ์™€ ๊ฐ™์€ ์˜๋ฏธ์ด๋‹ค. ๋จผ์ € ๊ฒŒ์ž„ ๋Œ€๊ธฐ์—ด์— ์ง„์ž…์„ ํ•œ ์‚ฌ๋žŒ์€ ์กฐ๊ฑด์ด ์ถฉ์กฑ๋˜์—ˆ์„ ๋•Œ, ๊ฐ€์žฅ ๋จผ์ € ๊ฒŒ์ž„์— ๋“ค์–ด๊ฐˆ ์ˆ˜ ์žˆ๋‹ค. Line

2022๋…„ 4์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์˜ฌ๋ฐ”๋ฅธ ๊ด„ํ˜ธ

๊ด„ํ˜ธ๊ฐ€ ๋‹ซํžˆ๋ฉด true๋งˆ์ง€๋ง‰์ด ( ๋ฉด false์ฒ˜์Œ์ด ) ๋ฉด false(,)๊ฐฏ์ˆ˜๊ฐ€ ๋‹ค๋ฅด๋ฉด falseํ…Œ์ŠคํŠธ ์ผ€์ด์Šค ์ค‘ 5๋ฒˆ, 11๋ฒˆ์—์„œ ๊ณ„์† ์˜ค๋ฅ˜๊ฐ€ ๋‚ฌ๋‹ค.ํšจ์œจ์„ฑ ํ…Œ์ŠคํŠธ 2๊ฐœ ์ค‘ 1๊ฐœ์—์„œ ์‹œ๊ฐ„ ์ดˆ๊ณผ๊ฐ€ ๋‚˜์™”๋‹ค.'('๊ฐ€ ๋‚˜์˜ค๋ฉด ์Šคํƒ์— push, ')'๊ฐ€ ๋‚˜์˜ค๋ฉด ์Šคํƒ์—์„œ pop

2022๋…„ 4์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์Šคํƒ

์Šคํƒ์€ LIFO(Last In First Out)์˜ ๊ฐœ๋…์˜ ์„ ํ˜• ์ž๋ฃŒํ˜•์ด๋‹ค.๋งจ ์œ„์— ์žˆ๋Š” ์š”์†Œ๋ฅผ Top ๋งจ ์•„๋ž˜ ์š”์†Œ๋ฅผ Bottom์ด๋ผ ํ•œ๋‹ค.์ฝ”๋“œ๋Š” ์œ„์—์„œ ๋ถ€ํ„ฐ ์•„๋ž˜๋กœ ์‹คํ–‰๋˜๊ธฐ ๋•Œ๋ฌธ์— ๋งจ ์ฒ˜์Œ์— ์žˆ๋Š” sumํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋˜๋ฉฐ sumํ•จ์ˆ˜๊ฐ€ ์Šคํƒ ๋ฉ”๋ชจ๋ฆฌ๊ฐ€ ๋“ค์–ด์˜ต๋‹ˆ๋‹ค. stac

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

CSS ์• ๋‹ˆ๋ฉ”์ด์…˜ @keyframes

์• ๋‹ˆ๋ฉ”์ด์…˜ CSS ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์—๊ฒŒ ๊ฐ•ํ•œ ์ธ์ƒ์„ ์ค„ ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋•Œ๋กœ๋Š” ์ž์—ฐ์Šค๋Ÿฌ์šด ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ํ†ตํ•ด ์ด์งˆ์ ์ธ ๋Š๋‚Œ์„ ์—†์•จ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. @keyframes ์• ๋‹ˆ๋ฉ”์ด์…˜ ์†์„ฑ

2022๋…„ 4์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์—ฐ๊ฒฐ ๋ฆฌ์ŠคํŠธ

์ถ”๊ฐ€์™€ ์‚ญ์ œ๊ฐ€ ๋ฐ˜๋ณต๋˜๋Š” ๋กœ์ง์— ๋ฐฐ์—ด์„ ์‚ฌ์šฉํ•œ๋‹ค๋ฉด ์‹œ๊ฐ„๋ณต์žก๋„๊ฐ€ ์ปค์ง€๊ฒŒ๋œ๋‹ค. ๋ฐฐ์—ด์€ ํƒ์ƒ‰์— ์œ ๋ฆฌํ•œ ์ž๋ฃŒ ๊ตฌ์กฐ์ด๋‹ค. ์—ฐ๊ฒฐ ๋ฆฌ์ŠคํŠธ ์ถ”๊ฐ€์™€ ์‚ญ์ œ๊ฐ€ ๋ฐ˜๋ณต๋˜๋Š” ๋กœ์ง์—๋Š” ์—ฐ๊ฒฐ ๋ฆฌ์ŠคํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. ์—ฐ๊ฒฐ ๋ฆฌ์ŠคํŠธ๋Š” ๊ฐ ์š”์†Œ๋“ค์„ ํฌ์ธํ„ฐ๋กœ ์—ฐ๊ฒฐ๋˜์–ด์žˆ๋Š” ์„ ํ˜• ์ž๋ฃŒ๊ตฌ์กฐ ์ด๋‹ค. ํŠน์ง•

2022๋…„ 4์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

๋ฐฐ์—ด๊ณผ ๊ฐ์ฒด

๋ฐฐ์—ด ์ƒ์„ฑ fill ํ•จ์ˆ˜๋ฅผ ํ†ตํ•ด ๋ฐฐ์—ด์„ fill ์•ˆ์˜ ๊ฐ’์œผ๋กœ ๋ชจ๋‘ ์ฑ„์›Œ ๋„ฃ์„ ์ˆ˜ ์žˆ๋‹ค. from ํ•จ์ˆ˜๋ฅผ ์ด์šฉํ•ด์„œ ๊ฐ’์„ ์ฑ„์›Œ ๋„ฃ์„ ์ˆ˜ ์žˆ๋‹ค. from์˜ ์ฒซ๋ฒˆ์งธ ํŒŒ๋ผ๋ฏธํ„ฐ๋Š” ๋ฐฐ์—ด์„ ์„ ์–ธํ•ด์ฃผ๊ณ  ๋‘๋ฒˆ์งธ ํŒŒ๋ผ๋ฏธํ„ฐ์—๋Š” ํ•จ์ˆ˜๋ฅผ ๋„ฃ์–ด์ค€๋‹ค. ๋‘๋ฒˆ์งธ ํŒŒ๋ผ๋ฏธํ„ฐ์˜ ํ•จ์ˆ˜์— ์ฒซ๋ฒˆ์งธ ํŒŒ๋ผ๋ฏธํ„ฐ v

2022๋…„ 4์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์Šคํ„ฐ๋”” (์‹œ๊ฐ„๋ณต์žก๋„)

ํ”„๋กœ๊ทธ๋žจ ์„ฑ๋Šฅ์„ ์œ„ํ•ด ๊ณ ๋ คํ•ด์•ผํ•  ๊ฒƒ ์ž…๋ ฅ ๋ฐ์ดํ„ฐ ํฌ๊ธฐ ํ•˜๋“œ์›จ์–ด ์„ฑ๋Šฅ ์†Œํ”„ํŠธ์›จ์–ด ์„ฑ๋Šฅ ์ตœ์ ํ™” ๋น„๋™๊ธฐ ๋กœ์ง ๋“ฑ... Big-O notation ์‹œ๊ฐ„ ๋ณต์žก๋„ ๋น ๋ฆ„ -> ๋Š๋ฆฐ ์ˆœ์„œ $$ O(1) < O(log n) < O(n) < O(n log n) < O(n^2) <

2022๋…„ 4์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

์ฝ”๋”ฉํ…Œ์ŠคํŠธ study

๋ฉ”๋ชจ๋ฆฌ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋ฉฐ ๋น ๋ฅด๊ณ  ์•ˆ์ •์ ์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ ํŠน์ • ๊ตฌ์กฐ(์ž˜๋ชป์“ฐ๋ฉด ๋…์ด ๋œ๋‹ค.)ex) stack, queue, graph, tree๋‹จ์ˆœ ๊ตฌ์กฐ์ •์ˆ˜์‹ค์ˆ˜๋ฌธ์ž์—ด๋…ผ๋ฆฌ์„ ํ˜• ๊ตฌ์กฐ๋ฐฐ์—ด์—ฐ๊ฒฐ ๋ฆฌ์ŠคํŠธ์Šคํƒํ๋น„์„ ํ˜• ๊ตฌ์กฐํŠธ๋ฆฌ๊ทธ๋ž˜ํ”„ ์ž๋ฃŒ ๊ตฌ์กฐ์—๋Š” ์šฐ์„  ์ˆœ์œ„๊ฐ€ ์—†๋‹ค.์ƒํ™ฉ์—

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

Poketmon project (์ง„ํ–‰ ์ค‘)

ํฌ์ผ“๋ชฌ ๋นต์ด ๋‹ค์‹œ ๋‚˜์˜จ ๋’ค ํฌ์ผ“๋ชฌ์— ๊ด€์‹ฌ์„ ๋‹ค์‹œ ๊ฐ€์ง€๊ฒŒ ๋˜์—ˆ๋‹ค.ํฌ์ผ“๋ชฌ api๋ฅผ ์ด์šฉํ•ด ๋„๊ฐ์„ ๋งŒ๋“ค์–ด๋ณด๋ คํ•œ๋‹ค.ํฌ์ผ“๋ชฌ APIreact, typescript, react-query, emotion

2022๋…„ 4์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

CORS

CORS Error cors error๋Š” ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ํ•œ๋ฒˆ์€ ๋งˆ์ฃผ์น  ์˜ค๋ฅ˜์ด๋‹ค. ๋Œ€๋ถ€๋ถ„ API ์š”์ฒญ์„ ํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ๋ถˆ๋Ÿฌ์˜ฌ ๋•Œ, ๋งˆ์ฃผํ•œ๋‹ค. ๋‚˜ ๋˜ํ•œ API๋ฅผ ์ด์šฉํ•ด ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“œ๋ คํ–ˆ์„ ๋•Œ, CORS error์„ ๋งˆ์ฃผํ•˜๊ธฐ๋„ ํ–ˆ๋‹ค. SOP - Same-Origin Polic

2022๋…„ 3์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

OAuth

๋‚ด๋ถ€ ์„œ๋น„์Šค์— ๊ฐ€์ž…ํ•ด์„œ ๋‚ด๋ถ€ ์„œ๋น„์Šค์—์„œ ์ •๋ณด ์ธ์ฆ์ด ํ•„์š” ์—†์ด ์™ธ๋ถ€ ์„œ๋น„์Šค์—์„œ๋„ ์ธ์ฆ์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๊ณ  ๊ทธ ์„œ๋น„์Šค์˜ API๋ฅผ ์ด์šฉํ•˜๊ฒŒ ํ•ด์ฃผ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค oauth๋ฅผ ํ†ตํ•ด ๋ณ„๋„์˜ ํšŒ์›๊ฐ€์ž… ์—†์ด ๋กœ๊ทธ์ธ์„ ์ œ๊ณตํ•˜๋Š” ์นด์นด์˜ค, ํŽ˜์ด์Šค๋ถ ๋“ฑ ํ”Œ๋žซํผ์˜ ์•„์ด๋””๋งŒ ์žˆ์œผ๋ฉด ์„œ๋น„์Šค๋ฅผ ์ด์šฉ ํ• 

2022๋…„ 3์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Calendar ๐Ÿ“† & dayjs

Calendar Mui date picker react date picker dayjs

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

HTTP ์ƒํƒœ ์ฝ”๋“œ

HTTP ๊ด€๋ จ ๋ฉด์ ‘ ์ค€๋น„์ค‘ ํ‰์†Œ์— ์ž์ฃผ ์ฝ˜์†” ์ฐฝ์—์„œ ๋ณด๋˜ HTTP ์ƒํƒœ ์ฝ”๋“œ์— ๋Œ€ํ•ด์„œ ๊ณต๋ถ€ํ•ด๋ณด์ž.HTTP ์ƒํƒœ ์ฝ”๋“œ๋Š” 100~500๊นŒ์ง€ 5๊ฐœ์˜ ๊ทธ๋ฃน์œผ๋กœ HTTP ์š”์ฒญ ์ƒํƒœ๋ฅผ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์„œ๋ฒ„๋กœ ๋ณด๋‚ธ ์š”์ฒญ์— ๋ฌธ์ œ๊ฐ€ ์—†์œผ๋‹ˆ ๋‹ค์Œ ์š”์ฒญ์„ ์ด์–ด์„œ ๋ณด๋‚ด๋„ ๋ฉ๋‹ˆ๋‹ค.์š”์ฒญ

2022๋…„ 3์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

3์ฃผ์ฐจ ๊ธฐ์—…๊ณผ์ œ ๋ธ”๋กœ๊น…

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ํ‰์†Œ์— ๋ฌด์‹ฌ์ฝ” ์“ฐ๋˜ ํด๋ฆญ, Ctrl, Shift๋ฅผ ์† ์‰ฝ๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋Š”๊ฒŒ ์•„๋‹ˆ์—ˆ๊ตฌ๋‚˜๋ฅผ ๋ชธ์†Œ ์ฒดํ—˜ํ–ˆ์Šต๋‹ˆ๋‹ค.onClick์„ ํ†ตํ•ด MouseEvent๋ฅผ ๋ฐ›๊ณ  MouseEvent ์ค‘ ์กฐ๊ฑด๋ฌธ์„ ํ†ตํ•ด crtlKey, metaKey, shiftKey๋ฅผ ํŒ๋ณ„

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

Custom Component ๋ธ”๋กœ๊น…

ModalToggleTagAutocompleteLoadingInfinite Scroll์ด๋ ‡๊ฒŒ ์šฐ๋ฆฌ๊ฐ€ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ๊ธฐ๋Šฅ๋“ค์ด Custom Component๋ฅผ ํ†ตํ•ด ์ž์‹ ์˜ ์ž…๋ง›์— ๋งž๊ฒŒ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.Custom Component๊ณผ ๊ด€๋ จ๋œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์ด ๋งŽ์ง€๋งŒ ๋ผ์ด๋ธŒ๋Ÿฌ

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

2์ฃผ์ฐจ ๊ณผ์ œ ๋ธ”๋กœ๊น…

๋ฐ์ดํ„ฐ์˜ ์•„์ด๋”” ๊ฐ’์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์˜ ์•„์ด๋””์™€ ๋“ฑ๋กํ•œ ์‚ฌ์ง„๋“ค์„ ์Šฌ๋ผ์ด๋” ํ˜•์‹์œผ๋กœ ๋ณด์—ฌ์ฃผ๋Š” ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.์Šฌ๋ผ์ด๋”๋ฅผ mouseEvent๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ตฌํ˜„ํ•˜๋ คํ–ˆ์Šต๋‹ˆ๋‹ค.์Šฌ๋ผ์ด๋”๊ฐ€ ์ขŒ์šฐ๋กœ ์›€์ง์ด๊ธฐ ๋•Œ๋ฌธ์— ๋งˆ์šฐ์Šค์˜ X์ขŒํ‘œ๋ฅผ ์ด์šฉํ•ด์„œ ๋งˆ์šฐ์Šค๊ฐ€ ๋“œ๋ ˆ๊ทธ ๋œ ๋งŒํผ ์ด๋ฏธ์ง€๋„ ๋“œ๋ ˆ๊ทธ๋ฅผ

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

[wanted] 1์ฃผ์ฐจ ํšŒ๊ณ  ๐Ÿ’พ

wanted preonboarding FE

2022๋…„ 3์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

LocalStorage ์‚ฌ์šฉ๋ฒ•

localStrage๋Š” ์›น ์Šคํ† ๋ฆฌ์ง€ ๊ฐ์ฒด๋กœ ๋ธŒ๋ผ์šฐ์ € ๋‚ด ํ‚ค-๊ฐ’ ์Œ์œผ๋กœ ์ €์žฅํ•˜๋„๋ก ๋„์™€์ค๋‹ˆ๋‹ค.LocalStorage๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํŽ˜์ด์ง€๋ฅผ ์ƒˆ๋กœ ๊ณ ์นจํ•˜๊ฑฐ๋‚˜ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ๊ป๋‹ค ์ผœ๋„ ๋ฐ์ดํ„ฐ๊ฐ€ ์‚ฌ๋ผ์ง€์ง€ ์•Š๊ณ  ๋‚จ์•„์žˆ์Šต๋‹ˆ๋‹ค.setItem(key, value)getItem(key)rem

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

Canvas ๋ธ”๋กœ๊น…

&lt;canvas> ํƒœ๊ทธ์™€ JS๋ฅผ ํ†ตํ•ด ๋„ํ˜•, ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”, ์• ๋‹ˆ๋ฉ”์ด์…˜, ์›น ๊ฒŒ์ž„ ๋“ฑ ๋‹ค์–‘ํ•œ ์ฝ˜ํ…์ธ ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ตœ๊ทผ์— ๋งŽ์•„ ํ•ซํ•œ ๊ฒŒ์ž„ Vampire Survivors ๋˜ํ•œ HTML, CSS, JS๋ฅผ ํ†ตํ•ด ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.PixiJS์™€ ๊ฐ™์€ 2D ๊ฒŒ์ž„ ์—”์ง„์„

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