728x90
๋ฐ˜์‘ํ˜•
 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ฐœ๋ฐœ/Google Cloud Platform

GCP(Google Cloud Platform) App Engine์— Next(React SSR) Application ๋ฐฐํฌํ•˜๋Š” ๋ฐฉ๋ฒ•(Deploy React+Next app to GCP Engine)

GCP App Engine์— Next Application์„ ๋ฐฐํฌํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ์†Œ๊ฐœํ•˜๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. AWS์— ์ต์ˆ™ํ•˜์‹  ๋ถ„๋“ค์€ GCP App Engine๊ณผ AWS Elastic Beanstalk๊ณผ ๋™์ผํ•˜๋‹ค๊ณ  ๋ณด์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. ํ•ด๋‹น ํฌ์ŠคํŒ…์€ GCP ํšŒ์›๊ฐ€์ž… ๋ฐ ๊ฒฐ์ œ ๋“ฑ๋ก ๊ทธ๋ฆฌ๊ณ  Nextjs์˜ ๊ธฐ๋ณธ์ง€์‹์— ๋Œ€ํ•ด์„œ๋Š” ๋‹ค๋ฃจ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. Nextjs ์„ค์น˜ ํ•„์ž๋Š” npx create-next-app ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•ด์„œ Nuxt ๊ธฐ๋ณธ ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ๋ฅผ ์„ค์น˜ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ธฐ์กด์— ํ”„๋กœ์ ํŠธ๊ฐ€ ์กด์žฌํ•˜๊ฑฐ๋‚˜, ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์„ ์•„์‹ ๋‹ค๋ฉด ํ•ด๋‹น ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•˜์…”๋„ ๋ฌด๋ฐฉํ•ฉ๋‹ˆ๋‹ค. // install create-next-app npx create-next-app gcp-next-example Google Cloud SDK(gcloud) ์„ค์น˜ํ•˜๊ธฐ ..

2020.02.20 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ฐœ๋ฐœ/React

React-helmet Maximum call stack size exceeded ๋ฒ„๊ทธ ์ˆ˜์ •

๊ฐœ์ธ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ๋„์ค‘์— maximum-call-stack-size-exceeded ์—๋Ÿฌ๋ฅผ ๋งˆ์ฃผํ•˜๊ฒŒ ๋˜์—ˆ๋Š”๋ฐ, ์ฝ”๋“œ๋ฅผ ์•„๋ฌด๋ฆฌ ๋ถ„์„ํ•ด๋ด๋„ ๋””๋ฒ„๊น…์„ ํ•  ์ˆ˜ ์—†์—ˆ๋‹ค. ๊ทธ๋Ÿฌ๋˜ ์™€์ค‘์— deep-equal์ด๋ผ๋Š” ๋ถ€๋ถ„์—์„œ ์—๋Ÿฌ๊ฐ€ ๋‚จ์„ ๋’ค๋Šฆ๊ฒŒ ํ™•์ธํ•˜๊ณ  ๋””๋ฒ„๊น…์„ ์‹œ์ž‘ํ–ˆ๋Š”๋ฐ ์•„๋ฟ”์‚ฌ component -> actionCreator -> reducer -> component ์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ƒˆ๋กœ ๋ฐ”์ธ๋”ฉํ•˜๋Š” ๋„์ค‘์— ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•œ ๊ณณ์ด hoc๋กœ ๊ตฌํ˜„ํ•ด๋†“์€ react-helmet ๋ถ€๋ถ„์ด์—ˆ๋‹ค.. ์ •๋ง ์–ด์ด๊ฐ€ ์—†๋‹ค. ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ ๊ต‰์žฅํžˆ ์‹ฌํ”Œํ•˜๋‹ค. Before: test After: children ๊ตฌ๋ฌธ์œผ๋กœ jsx ํŒŒ์‹ฑ์„ ํ•˜์ง€ ๋ง๋ž€๋‹ค. ์•„๋ž˜๋Š” ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•œ ๊ตฌ๋ฌธ ์†Œ๋ฆ„๋‹๋Š”๊ฑด development ๋ชจ๋“œ์—์„œ๋Š” ์žฌํ˜„์ด ์•ˆ๋˜๊ณ  produc..

2019.07.31 ๊ฒŒ์‹œ๋จ

728x90
๋ฐ˜์‘ํ˜•