๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

reactgraphql2

2. ๋ฐฑ์—”๋“œ ์„ธํŒ… - Flask, Git/Github | React & Flask Web app โ–  React + Flask + GraphQL ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋กœ์ ํŠธ ์ „์ฒด ๋กœ๋“œ๋งต React & Flask & GraphQL ์›น์•ฑ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ ๐Ÿ ์ด๋ฒˆ์— ๋ฆฌ์•กํŠธ์™€ ํ”Œ๋ผ์Šคํฌ๋ฅผ ํ™œ์šฉํ•ด ํ”„๋กœ์ ํŠธ๋ฅผ ํ•  ๊ธฐํšŒ๊ฐ€ ์ƒ๊ฒผ๋‹ค. ๊ฑฐ๊ธฐ์— GraphQL API์—์„œ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋“ค์„ CRUD ํ•ด์•ผ ํ–ˆ๋Š”๋ฐ, ์ด๋Ÿฐ ์กฐํ•ฉ์˜ ํ”„๋กœ์ ํŠธ ์˜ˆ์‹œ๋ฅผ ์ฐพ์•„๋ณด๋Š” ๊ฒƒ์ด ์‰ฝ์ง€ ์•Š์•˜๋‹ค ๐Ÿฅบ ์–ธ์   joy-able.tistory.com โ–  Git repository ๋งŒ๋“ค๊ธฐ 1. ์ƒˆ๋กœ์šด repository ๋งŒ๋“ค๊ธฐ - Repository ๋งŒ๋“œ๋Š” ๋ถ€๋ถ„์€ ์œ„์˜ ๋งํฌ์—์„œ ๋˜‘๊ฐ™์ด ํ•˜๋ฉด ๋œ๋‹ค :) ์ด๋ฆ„๋งŒ ๋‹ค๋ฅด๊ฒŒ ์„ค์ •ํ•˜๋ฉด ๋จ! 2. Git Clone - ํด๋ก ํ•˜๋Š” ๊ณผ์ •์€ ๋˜‘๊ฐ™์ง€๋งŒ, VSC๊ฐ€ ์•„๋‹Œ ํŽธ์˜์ƒ PyCharm์—์„œ ์ง„ํ–‰ํ•ด๋ณธ๋‹ค. ํŒŒ์ด์ฌ์„ ๊ธฐ๋ฐ˜์œผ๋กœํ•œ ํ”Œ๋ผ์Šคํฌ ์„œ๋ฒ„๋ฅผ .. 2022. 3. 18.
React & Flask & GraphQL ์›น์•ฑ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ ๐Ÿ ์ด๋ฒˆ์— ๋ฆฌ์•กํŠธ์™€ ํ”Œ๋ผ์Šคํฌ๋ฅผ ํ™œ์šฉํ•ด ํ”„๋กœ์ ํŠธ๋ฅผ ํ•  ๊ธฐํšŒ๊ฐ€ ์ƒ๊ฒผ๋‹ค. ๊ฑฐ๊ธฐ์— GraphQL API์—์„œ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋“ค์„ CRUD ํ•ด์•ผ ํ–ˆ๋Š”๋ฐ, ์ด๋Ÿฐ ์กฐํ•ฉ์˜ ํ”„๋กœ์ ํŠธ ์˜ˆ์‹œ๋ฅผ ์ฐพ์•„๋ณด๋Š” ๊ฒƒ์ด ์‰ฝ์ง€ ์•Š์•˜๋‹ค ๐Ÿฅบ ์–ธ์  ๊ฐ€ ๋‹ค์‹œ ๋ณด๋ฉด์„œ ๋„์›€์ด ๋˜๊ธธ ๋ฐ”๋ผ๋ฉด์„œ ๊ธฐ๋ก์œผ๋กœ ๋‚จ๊ฒจ๋ณด์ž ํ•œ๋‹ค. 1. ํ”„๋ก ํŠธ์—”๋“œ ์„ธํŒ… - React 2. ๋ฐฑ์—”๋“œ ์„ธํŒ… - Flask 2-1. Flask์—์„œ GraphQL ๋ฐ์ดํ„ฐ GET & POST 2-2. WSGI ์„œ๋ฒ„ Gunicorn ์‚ฌ์šฉํ•˜๊ธฐ 3. ๋ฐฐํฌ - AWS 3-1. AWS Elastic Beanstalk + AWS S3๋กœ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐฐํฌํ•˜๊ธฐ 3-2. AWS Elastic Beanstalk + AWS S3 + CloudFront ์—์„œ ํ”„๋ก ํŠธ์—”๋“œ - ๋ฐฑ์—”๋“œ ๋ผ์šฐํŒ… 2022. 3. 15.