Skip to content

Latest commit

ย 

History

History
17 lines (12 loc) ยท 1.05 KB

File metadata and controls

17 lines (12 loc) ยท 1.05 KB

๐Ÿ›ก๏ธ ์†Œ์ผ“ํ”„๋กœ๊ทธ๋ž˜๋ฐ&์›นํ•ดํ‚น ์‹ค์Šต ํ”„๋กœ์ ํŠธ : React + Python ์ฑ„ํŒ… ์›น

์ด ๋ฌธ์„œ๋Š” 8์ฃผ๊ฐ„ ์ง„ํ–‰๋  "์ทจ์•ฝํ•œ ์„œ๋น„์Šค๋ฅผ ์ง์ ‘ ๊ตฌ์ถ•ํ•˜๊ณ , ์ด๋ฅผ ๊ณต๋žตํ•˜๋ฉฐ ๋ณด์•ˆ ์›๋ฆฌ๋ฅผ ์ดํ•ดํ•˜๋Š” ํ”„๋กœ์ ํŠธ"์˜ ๊ฐ€์ด๋“œ๋ผ์ธ์ž…๋‹ˆ๋‹ค.


๐Ÿ—“๏ธ ์‹ค์Šต ๋กœ๋“œ๋งต

๋‹จ๊ณ„ ํ™œ๋™ ๋‚ด์šฉ ํ•ต์‹ฌ ๋ณด์•ˆ/ํ•™์Šต ํฌ์ธํŠธ
1๋‹จ๊ณ„: ๊ธฐ์ดˆ HTML/CSS/JS๋กœ ๊ฐ„๋‹จํ•œ ์ฑ„ํŒ… UI ๊ตฌํ˜„ DOM ์กฐ์ž‘ ๋ฐ innerHTML ์ทจ์•ฝ์  ๋ถ„์„
2๋‹จ๊ณ„: ํ”„๋ก ํŠธ React ํ™˜๊ฒฝ ๊ตฌ์ถ• ๋ฐ ์ปดํฌ๋„ŒํŠธํ™” React์˜ ๊ธฐ๋ณธ ๋ณด์•ˆ ๋ฉ”์ปค๋‹ˆ์ฆ˜ ์ดํ•ด, dangerouslySetInnerHTML ์‹ค์Šต
3๋‹จ๊ณ„: ๋ฐฑ์—”๋“œ Python Flask ์„œ๋ฒ„ ๊ตฌ์ถ• ๋ฐ Socket.io ์‹ค์‹œ๊ฐ„ ํ†ต์‹  HTTP ํ”„๋กœํ† ์ฝœ, REST API, ํŒจํ‚ท ํ๋ฆ„ ๋ถ„์„
4๋‹จ๊ณ„: ํ•ดํ‚น ๊ฐœ๋ฐœ์ž ๋„๊ตฌ๋กœ ์ทจ์•ฝ์  ๊ณต๊ฒฉ ๋ฐ ๋ณด์•ˆ ํŒจ์น˜ XSS, IDOR, ์„ธ์…˜ ์กฐ์ž‘ ์‹ค์Šต, ์ทจ์•ฝ์  ์ˆ˜์ • ๋ฐ ๋ณด์•ˆ ๋ณด๊ณ ์„œ ์ž‘์„ฑ

๋งŒ๋“ ์ด์™€ ์‚ฌ์šฉ๊ถŒ

๊น€๋ฏผ์„œ, ๋ฐ•์†Œ์€์ด ํ•จ๊ป˜ ์‹ค์Šตํ•˜์˜€์Œ.