[React] React ํ™˜๊ฒฝ๋ณ€์ˆ˜, ๊ฐœ๋ฐœ ๋ฐ ๋ฐฐํฌ ์‹œ์— ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ• ๊นŒ? (Docker, github action ์‚ฌ์šฉ ์‹œ)
์›น (WEB)/๊ณต๋ถ€ 2021. 3. 14. 11:59

React ํ™˜๊ฒฝ๋ณ€์ˆ˜ ๋“ฑ๋ก ๊ธฐ์กด ๊ฐœ๋ฐœ ์‹œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ React๋ฅผ ํ”„๋ก ํŠธ๋กœ ์‚ฌ์šฉํ•  ๋•Œ, ์ฝ”๋“œ ์‚ฌ์•„์—์„œ ํ™˜๊ฒฝ๋ณ€์ˆ˜๋ฅผ ์ด์šฉํ•˜๋ ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ• ๊นŒ? ์ตœ์ƒ์œ„ ํด๋”์— .env ํŒŒ์ผ์„ ๋งŒ๋“ ๋‹ค. .env ํŒŒ์ผ์— REACT_APP์œผ๋กœ ์‹œ์ž‘ํ•˜๋Š” ํ™˜๊ฒฝ๋ณ€์ˆ˜๋ฅผ ์ •์˜ํ•œ๋‹ค. REACT_APP_ADMIN_KEY=hi ์ฝ”๋“œ ์ƒ์—์„œ process.env.REACT_APP_ADMIN_KEY์™€ ๊ฐ™์€ ํ˜•ํƒœ๋กœ ์‚ฌ์šฉํ•œ๋‹ค. ์ด๋ ‡๊ฒŒ ๊ฐ„ํŽธํ•˜๊ฒŒ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋‹ค! ๋ฐฐํฌ ์‹œ ํ•˜์ง€๋งŒ ์„œ๋น„์Šค๋ฅผ ์œ„ํ•œ build ํ›„์—๋Š” ํ™˜๊ฒฝ๋ณ€์ˆ˜๋ฅผ ์ฝ์–ด๋“ค์ผ ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์— build์™€ ๋™์‹œ์— build์— ๋Œ€ํ•œ ๋งค๊ฐœ๋ณ€์ˆ˜(argument)๋กœ ํ™˜๊ฒฝ๋ณ€์ˆ˜๋ฅผ ์„ธํŒ…ํ•ด์ฃผ์–ด์•ผํ•œ๋‹ค. NERA๋Š” github action์—์„œ docker/build-push-action@v1.1.0 ์ด๋ผ๋Š” action..