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. ์ด์ 1 ๋ค์