Share
Sign In
Squares Front-End ๐Ÿ‘จโ€๐Ÿ’ป
์Šคํ€˜์–ด์Šค ํ”„๋ก ํŠธ์—”๋“œ ํŒ€์ž…๋‹ˆ๋‹ค.
๋‹จ์ถ•ํ‚ค๋Š” ์–ด๋–ป๊ฒŒ ๊ตฌํ˜„๋˜์—ˆ๋Š”๊ฐ€?
๋‚˜์˜ ๊ตฌํ˜„ ์ผ์ง€ ์ž…๋ ฅ ํ‚ค ์Šคํƒ์œผ๋กœ ๋ฐ›๊ธฐ what is stack? ์Šคํƒ์€ ๋ฐ์ดํ„ฐ๋ฅผ ์ฐจ๊ณก์ฐจ๊ณก ์Œ“์„ ์ˆ˜ ์žˆ๋Š” ์ž๋ฃŒ๊ตฌ์กฐ์ž…๋‹ˆ๋‹ค. ๋งŒ์•ฝ ctrl + shift + c ๋ฅผ ๋ˆŒ๋ €๋‹ค๋ฉด, [ctrl, shift, c] ์ด๋Ÿฐ ์‹์œผ๋กœ ๋“ค์–ด๊ฐ€ ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ! ํ‚ค๋ฅผ ๊ผญ ์ˆœ์„œ๋Œ€๋กœ ๋ˆ„๋ฅด๋ผ๋Š” ๋ฒ•์€ ์—†๊ธฐ ๋•Œ๋ฌธ์— ์ˆœ์„œ๋Š” ๋ฐ”๋€Œ์–ด ์žˆ์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ธ ๊ฐœ์˜ ํ‚ค๋ฅผ ํ•œ ๋ฒˆ์— ๋ˆ„๋ฅด๋Š” ๊ฒฝ์šฐ์—๋Š” shift + ctrl + c ์ด๋Ÿฐ ์‹์œผ๋กœ ์ €์žฅ๋  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•ด๋‹น stack์€ useKeyPress๋ผ๋Š” ํŒŒ์ผ์— ์ƒํƒœ๊ฐ’์œผ๋กœ ์ €์žฅ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. pressed keys๊ฐ€ ์Šคํƒ์ด์–ด์•ผ ํ•˜๋Š” ์ด์œ ? ๊ฐ™์€ ํ‚ค๋ฅผ ๋‘ ๋ฒˆ ๋ˆ„๋ฅด๋Š” ์ปค๋งจ๋“œ๋กœ์˜ ํ™•์žฅ ๊ฐ€๋Šฅ์„ฑ ๋‹ค๋ฅธ ๋ฌธ์ž ํ‚ค๋ฅผ ๊ฐ™์ด ๋ˆ„๋ฅด๋Š” ์ปค๋งจ๋“œ ํ™•์žฅ ๊ฐ€๋Šฅ์„ฑ โ†’ ์˜ˆ๋ฅผ ๋“ค์–ด์„œ "c c" ์ด๋Ÿฐ ์‹์˜ ์ปค๋งจ๋“œ์™€, "c f" ๊ฐ™์€ ์ปค๋งจ๋“œ๋„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๋ ค๋ฉด ์Šคํƒ์„ ๋ฌด์กฐ๊ฑด ์‚ฌ์šฉํ•ด์•ผ ํ•จ. ์ž…๋ ฅ์€ ์Šคํƒ์œผ๋กœ ๋ฐ›๊ณ , ์‚ฌ์šฉ์€ ์ผ๋ฐ˜ ๊ฐ์ฒด๋กœ ๋ฐฐ์—ด์„ ์‚ฌ์šฉํ•  ๋•Œ ๋ฐฐ์—ด์„ ๊ณ„์† ์ˆœํšŒํ•˜๊ธฐ์—๋Š” ์„ฑ๋Šฅ ์ด์Šˆ๊ฐ€ ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, ๊ฐ์ฒด๋กœ ๋งŒ๋“ค์–ด์„œ ์ฐธ์กฐํ•œ๋‹ค. ์ฆ‰, ํ‚ค๋ณด๋“œ ์ž…๋ ฅ ์ž์ฒด๋Š” ๋ฐฐ์—ด๋กœ ๋ฐ›๊ณ , ์ž…๋ ฅ๊ฐ’์„ ์‚ฌ์šฉํ•  ๋•Œ์—๋Š” ์ด๋ฅผ ์ผ๋ฐ˜๊ฐ์ฒด๋กœ ๋ณ€ํ™˜ํ•œ๋‹ค. ํ‚ค๊ฐ€ ๋ˆŒ๋ฆฐ ์ •๋„์— ๋”ฐ๋ผ key={c:2} key={c:1,f:1} ์ด๋Ÿฐ ์‹์œผ๋กœ ์ƒ์„ฑ๋œ๋‹ค. ์ž…๋ ฅ๊ฐ’์„ ๋ฐ›์•˜์„ ๋•Œ ๋ถ„๊ธฐ์ฒ˜๋ฆฌ ์‚ฌ์ง„์—์„œ์ฒ˜๋Ÿผ ํ•จ์ˆ˜ depth๊ฐ€ ๋‚˜๋‰˜์–ด์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ์ดˆ๋ก์ƒ‰ ๋…ธ๋“œ๊ฐ€ ๊ฐ ํ‚ค๊ฐ€ ์–ด๋–ค ํ–‰๋™์„ ํ•˜๋Š”์ง€๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. Ctrl ํ˜น์€ Alt, Shift๊ฐ€ ๋ˆŒ๋ ค์žˆ์Œ์— ๋”ฐ๋ผ ๋‹ค๋ฅธ ํ–‰๋™์ด ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค.
์ฃผ์„ฑ์ง„
๐Ÿ‘
2