[๋ฆฌ๋ด์ผ] React๋ก NodeBird SNS ๋ง๋ค๊ธฐ
๋ฆฌ์กํธ & ๋ฅ์คํธ & ๋ฆฌ๋์ค & ๋ฆฌ๋์ค์ฌ๊ฐ & ์ต์คํ๋ ์ค ์คํ์ผ๋ก ํธ์ํฐ์ ์ ์ฌํ SNS ์๋น์ค๋ฅผ ๋ง๋ค์ด๋ด ๋๋ค. ๋์ผ๋ก ๊ฒ์์์ง ์ต์ ํ ํ AWS์ ๋ฐฐํฌํฉ๋๋ค.
์๊ฐ์ 3,711๋ช
๋์ด๋ ์ค๊ธ์ด์
์๊ฐ๊ธฐํ ๋ฌด์ ํ
๋ค๋ฅธ ์๊ฐ์๋ค์ด ์์ฃผ ๋ฌผ์ด๋ณด๋ ์ง๋ฌธ์ด ๊ถ๊ธํ์ ๊ฐ์?
- ๋ฏธํด๊ฒฐ
๋ฅ์คํธ ๋ฒ์ ผ ์ง๋ฌธ
์๋ ํ์ธ์ ๊ฐ์๋ฅผ ์ฌ๋๊ณ ์กฐ๊ธ ๋ฃ๊ณ ๋ค์ดํฐ๋ธ ๊ณต๋ถ๋ฅผ ํ๋ค๊ฐ ๋ค์ ๊ณต๋ถ๋ฅผ ํ๋ ค๊ณ ํฉ๋๋ค ๊ฐ์์์์๋ ๋ฅ์คํธ๋ฅผ 9๋ฒ์ ผ์ ์ฐ๋๋ฐ ์ต์ ๋ฒ์ ผ์ ์ฐ๋๊ฑธ ์ถ์ฒํ์ค๊น์? ์๋๋ฉด ๊ตฌ๋ฒ์ ผ ๊ทธ๋๋ก ์ฐ๋๊ฑธ ์ถ์ฒํ์ค๊น์?
reactreduxnode.jsexpressnext.js์ ์งํธ
ใป
2๋ฌ ์
0
47
2
- ๋ฏธํด๊ฒฐ
๋ก๊ทธ์ธ์ 401 Unauthorized ์ค๋ฅ๊ฐ ๋น๋๋ค
<img src="https://cdn.inflearn.com/public/files/posts/a47e4fea-08d7-4f29-8d48-2279853c1a41/71cd0ac7-2bc2-46f1-8228-d4ec3bfcf7b9.png" medi
reactreduxnode.jsexpressnext.jstlgjawl0130
ใป
2๋ฌ ์
0
64
1
- ๋ฏธํด๊ฒฐ
๋ฌดํ ์คํฌ๋กค ์ค ์คํฌ๋กค ํ ํ์
๋ฌดํ ์คํฌ๋กค์์ ์ถ๊ฐ ๋ฐ์ดํฐ๊ฐ load๋๋ ์๊ฐ, ์คํฌ๋กค ์์ญ์ด ๋์ด๋๊ฒ ๋๋๋ฐ์. ์ด ๋ ์ ์ ๊ฐ ๋ณด๊ณ ์๋ ์คํฌ๋กค ์์น๋ฅผ ์๊ณ ํ๋ ํ์์ด ์์ต๋๋ค <p style="text-align:
reactreduxnode.jsexpressnext.jsEric J
ใป
8๋ฌ ์
0
137
1
- ๋ฏธํด๊ฒฐ
ํน์ ํ์ด์ง ์ ๊ทผ์ ๋ง๊ณ ์ถ์ ๋
๊ฐ์์์ ํ๋กํ ํ์ด์ง ์ ๊ทผ์ ๋ง๊ธฐ ์ํด useEffect + redirect ํจํด์ ์ฌ์ฉํด์ฃผ์ จ๋๋ฐ์, <p style="text-align: l
reactreduxnode.jsexpressnext.jsEric J
ใป
8๋ฌ ์
0
90
2
- ๋ฏธํด๊ฒฐ
createGlobalStyle์ ์์น์ ์ํฅ๋ฒ์
createGlobalStyle์ด ์ปดํฌ๋ํธ ํํ๋ก ์ ์ฉ๋๋ค๋ณด๋ ๋ง์น ํ์ฌ ์ปดํฌ๋ํธ ํ์๋ง ์ ์ฉ๋ ๊ฒ ๊ฐ์ ๋๋์ด ์๋๋ฐ์ <p style="tex
reactreduxnode.jsexpressnext.jsEric J
ใป
8๋ฌ ์
0
83
2
- ๋ฏธํด๊ฒฐ
์ธ๋ผ์ธ ์คํ์ผ ๋ฆฌ๋ ๋๋ง ๊ด๋ จ
์ธ๋ผ์ธ ์คํ์ผ ์ฌ์ฉ ์ style์ด๋ผ๋ ๊ฐ์ฒด prop์ด ๋งค๋ฒ ๋ฌ๋ผ์ ธ ๋ฆฌ๋ ๋๋ง์ด ๋ฐ์ํ๋ค๊ณ ํด์ฃผ์ ๋ถ๋ถ ๊ด๋ จํ์ฌ ์ง๋ฌธ๋๋ฆฝ๋๋ค ๋ถ๋ชจ๊ฐ ๋ฆฌ๋ ๋๋ง๋
reactreduxnode.jsexpressnext.jsEric J
ใป
8๋ฌ ์
0
80
2
- ๋ฏธํด๊ฒฐ
vsc ์์ npm init ์ค์น์ ์ค๋ฅ
PS C:\Users\user\Documents\prepare\front> npm initThis utility will walk you through cr
reactreduxnode.jsexpressnext.jshEE the creator
ใป
9๋ฌ ์
0
114
2
- ๋ฏธํด๊ฒฐ
nextjs 15๋ฒ์ ์ฌ์ฉ ๊ฐ๋ฅํ ๊น์?
์์ํ๊ณ 15๋ฒ์ ํ๊ณ ์ฐจ์ด๊ฐ ์ข ์๋๊ฑฐ ๊ฐ์ต๋๋ค
reactreduxnode.jsexpressnext.jsik5334
ใป
์ผ ๋ ์
0
140
1
- ๋ฏธํด๊ฒฐ
ํ๋ฉด ์๋ก๊ณ ์นจ ๋ฌธ์
์๋ ํ์ธ์ ์ ๋ก์ด๋ !๊ฐ์๋ณด๊ณ ๋ฐ๋ผํด๋ณด๊ณ ์๋๋ฐ ํ๋ฉด ์๋ก๊ณ ์นจํ ๋๊น๋นก๊ฑฐ๋ฆฌ๋๊ฑธ ์์ ๊ณ ์ถ์๋ฐ getServ
reactreduxnode.jsexpressnext.jsแ ตแ ต
ใป
์ผ ๋ ์
0
109
1
- ๋ฏธํด๊ฒฐ
RTK์์ draft, state ์ฐจ์ด๊ฐ ์๋์?
๊ฐ์ ๋ค์ผ๋ฉด์ ์ ๋ก์ด๋ RTK GitHub ์ฝ๋๋ ๋ณด๊ณ ์๋๋ฐ์. RTK๋ immer๊ฐ ๋ด๋ถ์ ์ผ๋ก ์ฌ์ฉ๋์ด state๋ฅผ ์จ๋ ๋ถ๋ณ์ฑ์ ์๋์ผ๋ก ์ฒ๋ฆฌํ๋ ๊ฑธ๋ก ์๊ณ ์์ต๋๋ค. ๊ทธ๋ฐ๋ฐ <a target="_blank" rel="noopener noreferrer no
reactreduxnode.jsexpressnext.jsimmerrtkํ๊ตฌ
ใป
0
135
2
- ๋ฏธํด๊ฒฐ
Next 14 ์ฌ์ฉํด๋ ๋ ๊น์?
๊ถ๊ธํฉ๋ฏธ๋ค
reactreduxnode.jsexpressnext.jsddabong
ใป
0
438
1
- ํด๊ฒฐ
next, node ๋ฒ์ / ํด๋ ๊ตฌ์กฐ ์ง๋ฌธ ๋๋ฆฝ๋๋ค.
1๋ฒ ์ง๋ฌธnext9 ๋ฒ์ ์ ๋ค์ด๋ฐ์์ ์คํ ํ๋๋ ์ค๋ฅ๊ฐ ๋์ ์ฐพ์๋ดค๋๋ฐ node๋ฒ์ ์ด ๋์์ ํธํ ๊ด๋ จ ๋ฌธ์ ๋ก ์คํ์ด ์๋๋ ์ค๋ฅ๊ฐ ์์์ต๋๋ค. next14 ๋ฒ์ ์ผ๋ก ์งํํ๋๋ฐ ์์ผ๋ก๋ ๊ด์ฐฎ๋์? 2๋ฒ ์ง๋ฌธ<
reactreduxnode.jsexpressnext.jsYJ
ใป
0
335
1
- ๋ฏธํด๊ฒฐ
url ์ค๋ฅ ์ง๋ฌธ์์ต๋๋ค
ํ๋ก ํธ axios์์ baseurl์ https://api.count101.shop์ผ๋ก ์ค์ ํ๋๋ฐ
reactreduxnode.jsexpressnext.jsdsfsdf
ใป
0
202
1
- ๋ฏธํด๊ฒฐ
ssh xxxxx๋ก ์ฐ๋ถํฌ์ ๋ค์ด๊ฐ๋ ค๋๊น port 22: Connection timed out
nginx ๋ถ๋ถ์ ๋ฐ๋ผํ๋ค๊ฐ์ค์๋ก ์๋ฒ์์ ๋๊ฐ๋ค๊ฐ ๋ค์ ๋ค์ด๊ฐ๋ ค๋๊น<img src="https://cdn.inflearn.com/public/files/posts/f67f01b1-4405-4968-9bde-bb4febe522ab/imag
reactreduxnode.jsexpressnext.js์ฑ ์ฑ _
ใป
0
351
1
- ๋ฏธํด๊ฒฐ
sudo certbot --nginx ์๋ฌ
ubuntu@ip-172-31-37-191:~/react-nodebird/prepare/front$ sudo certbot --nginx Saving debug log to /var/log/letsencrypt/letsencrypt.log Whic
reactreduxnode.jsexpressnext.js์ฑ ์ฑ _
ใป
0
1,228
2
- ๋ฏธํด๊ฒฐ
Minified React error ์ฝ์์๋ฌ (hydrate)
์๋ ํ์ธ์ ์ ์๋์นด์นด์คํก ๊ณต์ ํ๊ธฐ ๊น์ง ๋ฃ๊ณ ํ๋ฉด์ ํ ์คํธํด๋ณด๊ณ ์๋๋ฐMinified React error ์ด ์๋ฌ๊ฐ ๋ ์ ์ง๋ฌธ๋๋ฆฝ๋๋ค. ๋ฉ์ธํ๋ฉด, ์์ธ๋ณด๊ธฐ์์ ๊ฒ์๊ธ์ด ์์๋ ๋์ต๋๋ค.<im
reactreduxnode.jsexpressnext.js์ฑ ์ฑ _
ใป
0
442
1
- ๋ฏธํด๊ฒฐ
์นด์นด์ค ๊ณต์ ํ์ ๋ ์ด์ ์ ์์ฑํ๋ ๊ธ์ด ๋์ค๋ ๋ฒ๊ทธ
์๋ ํ์ธ์ ์ ์๋๋ณด๋์ค ๊ฐ์ ์ ๊น์ง ๋ณด๊ณ ์นด์นด์ค ๊ณต์ ํ๊ธฐ ๊น์ง ํ ์คํธํ๊ณ ์๋๋ฐ๋ฒ๊ทธ๋ฅผ ๋ฐ๊ฒฌํ๊ฒ ๊ฐ์์ ์ด๋ป๊ฒ ํด๊ฒฐํ ์ง ์ฌ์ญค๋ณด๋ ค ์ฌ๋ฆฝ๋๋ค.์์ฒ๋ผ post/5์ ๊ฒ์๊ธ์ ์์ฑํ๊ณ <img src="https://cdn.
reactreduxnode.jsexpressnext.js์ฑ ์ฑ _
ใป
0
225
1
- ํด๊ฒฐ
ํ๋ก ํธ์๋ฒ ๋ฐฐํฌ ํ EADDRINUSE์๋ฌ ๋ฐ์
์๋ ํ์ธ์ ์ ๋ก์ด๋๋๋ถ์ front๋ฐฐํฌ ์ ํ๊ฒ ๋์์ต๋๋ค.๊ทธํ ์ ์ํด์ ํ ์คํธํ๋๋ฐ, ํ์๊ฐ์ ํ ๋ connect_refused๊ฐ ๋ฐ์ํด ๋ก๊ทธ๋ฅผ ์ฐพ์๋ณด์์ต๋๋ค.EADDRINUSE๋ฅผ ๋ฐ๊ฒฌํ๊ณ ์์ธ์ ์ฐพ์ผ๋ ค๊ณ ๋ค์ ธ๋ดค๋๋ฐ ํด๊ฒฐ๋์ง
reactreduxnode.jsexpressnext.js์ฑ ์ฑ _
ใป
0
310
1
- ๋ฏธํด๊ฒฐ
npm run build ์๋ฌ
์๋ ํ์ธ์ ์ ๋ก์ด๋ํ๋ก ํธ ์๋ฒ๋ฅผ npm run build ํ๋๊น์๋์ ๊ฐ์ ์๋ฌ๊ฐ ๋์ค๋๋ฐ๊ฒ์ํด์ ์ฐพ์๋ด๋ ์ ๋ชจ๋ฅด๊ฒ ๋๋ผ๊ตฌ์.ํน์ ์ด๋ ๋ถ๋ถ์ ํ์ธํด๋ณด๊ณ ์ด๋ค ๋ถ๋ถ์ ์์ ํด์ผํ ์ง ์กฐ์ธํด์ฃผ์ค ์ ์์๊น์?๋น๋ํ๋๊ฒ๋ง ๋ช์ผ์งธ
reactreduxnode.jsexpressnext.js์ฑ ์ฑ _
ใป
0
505
1
- ๋ฏธํด๊ฒฐ
front ์๋ฒ npm run build ์ค์ ๋ฐ์ํ ์๋ฌ๋ค
์๋ ํ์ธ์ ์ ๋ก์ด๋front ์๋ฒ๋ฅผ ๋น๋ํ๋์ค์ ๋น๋๊ฐ ๋์ค์๊ณ pm2 monit์ผ๋ก ํ์ธํด๋ณด๋ Could not find a production build in the '.next' directory ์ด๋ฐ ์๋ฌ๊ฐ ๋ ์์์ต๋๋ค. ํ์ธํด๋ดค๋๋ ์
reactreduxnode.jsexpressnext.js์ฑ ์ฑ _
ใป
0
353
1






