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

flaskgraphql4

2-2. WSGI ์„œ๋ฒ„ Gunicorn ์‚ฌ์šฉํ•˜๊ธฐ | React, Flask, GraphQL โ–  React + Flask + GraphQL ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋กœ์ ํŠธ ์ „์ฒด ๋กœ๋“œ๋งต React & Flask & GraphQL ์›น์•ฑ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ ๐Ÿ ์ด๋ฒˆ์— ๋ฆฌ์•กํŠธ์™€ ํ”Œ๋ผ์Šคํฌ๋ฅผ ํ™œ์šฉํ•ด ํ”„๋กœ์ ํŠธ๋ฅผ ํ•  ๊ธฐํšŒ๊ฐ€ ์ƒ๊ฒผ๋‹ค. ๊ฑฐ๊ธฐ์— GraphQL API์—์„œ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋“ค์„ CRUD ํ•ด์•ผ ํ–ˆ๋Š”๋ฐ, ์ด๋Ÿฐ ์กฐํ•ฉ์˜ ํ”„๋กœ์ ํŠธ ์˜ˆ์‹œ๋ฅผ ์ฐพ์•„๋ณด๋Š” ๊ฒƒ์ด ์‰ฝ์ง€ ์•Š์•˜๋‹ค ๐Ÿฅบ ์–ธ์   joy-able.tistory.com โ–  Gunicorn ์ด๋ž€? ์™œ ์“ฐ๋Š” ๊ฑธ๊นŒ? Gunicorn ์ด๋ž€? Gunicorn, ์ฆ‰ Green Unicorn ์€ UNIX๋ฅผ ์œ„ํ•œ ํŒŒ์ด์ฌ WSGI(Web server Gateway Interface) HTTP ์„œ๋ฒ„์ด๋‹ค. Gunicorn์€ ์›น ์„œ๋ฒ„์™€ ์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“  ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ค‘๊ฐ„์— ์ผ์–ด๋‚˜๋Š” ๋ชจ๋“  ์ผ๋“ค์„ ๋‹ด๋‹นํ•œ๋‹ค๊ณ  ๋ณด๋ฉด.. 2022. 4. 21.
2-1. Flask์—์„œ GraphQL ๋ฐ์ดํ„ฐ GET & POST | React, Flask, GraphQL โ–  React + Flask + GraphQL ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋กœ์ ํŠธ ์ „์ฒด ๋กœ๋“œ๋งต React & Flask & GraphQL ์›น์•ฑ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ ๐Ÿ ์ด๋ฒˆ์— ๋ฆฌ์•กํŠธ์™€ ํ”Œ๋ผ์Šคํฌ๋ฅผ ํ™œ์šฉํ•ด ํ”„๋กœ์ ํŠธ๋ฅผ ํ•  ๊ธฐํšŒ๊ฐ€ ์ƒ๊ฒผ๋‹ค. ๊ฑฐ๊ธฐ์— GraphQL API์—์„œ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋“ค์„ CRUD ํ•ด์•ผ ํ–ˆ๋Š”๋ฐ, ์ด๋Ÿฐ ์กฐํ•ฉ์˜ ํ”„๋กœ์ ํŠธ ์˜ˆ์‹œ๋ฅผ ์ฐพ์•„๋ณด๋Š” ๊ฒƒ์ด ์‰ฝ์ง€ ์•Š์•˜๋‹ค ๐Ÿฅบ ์–ธ์   joy-able.tistory.com โ–  GraphQL GraphQL์ด๋ž€? GraphQL์€ API(Application Programming Interface)๋ฅผ ์œ„ํ•œ ์ฟผ๋ฆฌ ์–ธ์–ด์ด์ž ์„œ๋ฒ„์ธก ๋Ÿฐํƒ€์ž„์œผ๋กœ ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ ์š”์ฒญํ•œ ๋งŒํผ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ œ๊ณตํ•˜๋Š” ๋ฐ ์šฐ์„  ์ˆœ์œ„๋ฅผ ๋‘๋Š” ์–ธ์–ด์ด๋‹ค. GraphQL์€ ํŠน์ • ํƒ€์ž…์˜ ๋ฐ์ดํ„ฐ ์ €์žฅ์†Œ(data store)๋ฅผ ์ฟผ๋ฆฌํ•˜๋Š” ์–ธ์–ด๊ฐ€.. 2022. 4. 19.
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.