Intro Certi ํ๋ก์ ํธ ๊ฐ๋ฐ ๊ณผ์ ์์ ์ถ์ฒ ์ฑ์ฉ๊ณต๊ณ ํ๋ฉด์ ๋ง๋ค๊ธฐ ์ํด ์ํฐ๋์ open API๋ฅผ ์ฌ์ฉํด์ผ ํ ์ผ์ด ์๊ฒผ๋ค. ์ฐ์ ํ ์คํธ๋ฅผ ์ํด API Docs๋ฅผ ์ฐธ๊ณ ํ์ฌ ์ํฐ๋ ์ธก ๊ฐ๋ฐ ์๋ฒ๋ก ์์ฒญ์ ๋ณด๋๋๋ CORS ์๋ฌ๊ฐ ๋ฐ์ํ๋ค. CORS Error?
๋๋ฉ์ธ์ ๋ฐฐํฌ๋ IP ์ฃผ์๋ฅผ ์ฐ๊ฒฐํ๋ ๋ฐฉ๋ฒ์ ํฌ๊ฒ ๋๊ฐ์ง๊ฐ ์๋ค. aws ์ฌ์ฉ (Route 53 + ๋ก๋ ๋ฐธ๋ฐ์) Nginx๋ฅผ ์ฌ์ฉ
ํ์ฌ ์์ ์ค์ธ ํ๋ก์ ํธ Certi์ ๋ฐฐํฌ ๊ณผ์ ์ ๊ธฐ๋กํด๋ณด๋ ค๊ณ ํ๋ค.aws๋ฅผ ํตํด ๋ฐฐํฌ๋ฅผ ์งํํ๊ธฐ๋ก ๊ฒฐ์ ํ๊ณ ์กฐ์ฌ๋ฅผ ํด๋ณธ ๊ฒฐ๊ณผ, aws๋ฅผ ์ฌ์ฉํ์ฌ ํด๋ผ์ด์ธํธ๋ฅผ ๋ฐฐํฌํ๋ ๊ฐ์ฅ ๋์ค์ ์ธ ๋ฐฉ์์๋ ํฌ๊ฒ ๋๊ฐ์ง๊ฐ ์์๋ค.S3 + Cloud Front + Route 53 ๋ฐฐํฌ โ
์ฐ๋ฆฌ๋ ์น ์ฌ์ดํธ๋ฅผ ์์ฒญํ๊ณ ๊ทธ์ ๋ํ ์๋ต์ ๋ฐ์ ๋ HTTP ํ๋กํ ์ฝ์ ํตํด ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ๋๋ค. ํด๋ผ์ด์ธํธ๋ ์๋ฒ๋ก๋ถํฐ ์๋ต์ ๋ฐ์ ๋ ์น ํ์ด์ง๋ฟ๋ง ์๋๋ผ HTTP ํจํท์ ์๋ต์ ์ ๋ณด๋ฅผ ๋ด์ ์ฝ๋๋ฅผ ํจ๊ป ๋ฐ๋๋ฐ, ์ด ์ฝ๋๋ฅผ HTTP ์๋ต์ฝ๋(HTTP Respo
๋ก์ปฌ์์ ์ฝ๋๋ฅผ ์์ ํ ํ, ๊นํ์ผ๋ก ์ ๋ก๋๋ฅผ ํ๋ ค๊ณ ํ๋๋ฐ token์ด ๋ง๋ฃ๋์๋ค๋ ์๋ก์ด ํ ํฐ์ ๋ฐ๊ธ๋ฐ๊ณ ์ ๋ ฅํ ํ ์ฌ์ ๋ก๋๋ ์๋ฌGit ์ ์ -> ํ๋กํ ํด๋ฆญ -> Settings -> Developer settings -> Personal access toke
Next JS๋ก ์์ ์ ํ๋ ์ค, ์ธ๋ถ ์ด๋ฏธ์ง๋ฅผ ๋ถ๋ฌ์ ์ฌ์ฉํด์ผ ํ ์ผ์ด ์๊ฒผ๋ค.๋์ ํ๋๋๋ก Next์ Image ์ปดํฌ๋ํธ์ src ๊ฐ์ผ๋ก ๋ด๊ฐ ์ฌ์ฉํ ์ด๋ฏธ์ง์ url์ ๋ฃ์ด์ฃผ์๋ค.๊ทธ๋ฌ๋๋ ๋ค์๊ณผ ๊ฐ์ ์๋ฌ๊ฐ ๋ฐ์ํ๋ค.์๋ฌ ๋ฌธ๊ตฌ๋ฅผ ์ดํด ๋ณด๋ ๋ค์๊ณผ ๊ฐ์๋ค.On one
์ฌ์ฉ์์ ์ธ์ ์ ๋ณด๋ฅผ ์ ์ฅํด์ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ๋ฐฉ๋ฒ์ด๋ค. ๊ฐ๋จํ ์ ๋ฆฌํด๋ณด๋ฉด ๋ค์๊ณผ ๊ฐ๋ค.์ ์ ๊ฐ ๋ก๊ทธ์ธ ํ์๋ค๋ ์ ๋ณด๋ฅผ ์๋ฒ์ ๋ฉ๋ชจ๋ฆฌ์ ๊ธฐ๋กํด๋๋๋ค. (์ธ์ ์ ์ ์ฅ)์ ์ ๊ฐ ๋ก๊ทธ์ธ์ด ํ์ํ ํ์ด์ง(Mypage ๋ฑ)๋ฅผ ์์ฒญํ ๊ฒฝ์ฐ,์ธ์ ์์ ํด๋น ์ ์ ๊ฐ ๋ก๊ทธ์ธํ๋ค๋ ์ ๋ณด
์ฃผ์ด์ง ์ฌ์ ํ์ผ์ ๋จ์ด๋ค์ ์ฐ๊ฒฐ๋ฆฌ์คํธ๋ก ๋ด์ ์ฌ์ ํ๋ก๊ทธ๋จ์ ๋ง๋ ๋ค.โก๏ธ ๋จ์ด ์ฌ์ ํ์ผranddict.txt ํ์ผ์๋ ์ฝ 5๋ง๊ฐ์ ๋จ์ด์ ๊ทธ ๋ป์ด ์ ์ฅ๋์ด ์๋ค. ์ ์ฅ๋ ์์๋ ์๋ค.๋จ์ด์ ๋จ์ด์ ๋ป์ " : " ์ผ๋ก ๊ตฌ๋ถ๋์ด ์๋ค. (ex. apple : ์ฌ๊ณผ)โก
๐ What to do?๋ฌธ์๊ฐ ์ ๋ ฅ๋์ด ํ์ ์์ด๋ ์์คํ ์์ ํ์ํ ์๋งํผ ๋ฌธ์๋ฅผ ๊ฐ์ ธ์ค๋ ํ๋ก๊ทธ๋จ์ ์์ฑํ๋ค.์กฐ๊ฑดํด๋น ํ๋ก๊ทธ๋จ์ ๋ฌธ์๊ฐ ํ๋ก ๋ค์ด์จ๋ค.์ฌ์ฉ์๊ฐ ํ์ํ ๋ฐ์ดํฐ์ ๊ฐ์๋ฅผ ์ ๋ ฅํ๋ฉด ํ์์ ํด๋น ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์จ๋ค.์ฌ์ฉ๋๋ ํ์ ํฌ๊ธฐ๋ 20(๋ฌธ์)์ด๋ค. ํ
๐ What to do?์ฃผ์ด์ง ๋ฏธ๋ก ํ์ผ์ ์ด์ฉํ์ฌ ๋ฏธ๋ก๋ฅผ ํ์ถํ๋ ํ๋ก๊ทธ๋จ์ ์์ฑํ๋ค.์กฐ๊ฑด๋ฏธ๋ก์ ํ์ถ๊ตฌ๋ ์คํ์ ์ด์ฉํ์ฌ ํ์ํ๋๋ก ํ๋ค.์คํ์ ์ด์ฉํ ๋ ๋ง๋ค ์คํ์์ ์ด๋ค ์ ๋ณด๋ฅผ PUSHํ๊ณ POP ํ๋์ง ํ๋ฉด์ ํ์ํ๋๋ก ํ๋ค.๊ธธ์ ์ฌ๋ฌ๊ฐ๊ฐ ์กด์ฌ ํ ์ ์๋๋ฐ
๐ What to do?๊ณ์ฐ์์ ์ ๋ ฅํ๋ฉด ๊ทธ ๊ฒฐ๊ณผ ๊ฐ์ ๋๋ ค์ฃผ๋ ํ๋ก๊ทธ๋จ์ ์์ฑํ๋ค.๋ํ ์์ฑ๋ ํ๋ก๊ทธ๋จ์ ๋ค์์ ์กฐ๊ฑด๋ค์ ๋ง์กฑ์์ผ์ผ ํ๋ค.๐ ์กฐ๊ฑด์ฌ์ฉ๋๋ ์ฐ์ฐ์๋ + - \* / ( ) ์ด๋ค.์ ๋ ฅ์ ์ฌ์ฉ๋๋ ์๋ ์ค์์ด๋ค.์์์์ ๊ดํธ๋ ์ต๋ 1ํ๋ง ์ฌ์ฉ
๐ What to do?์์ ๊ทธ๋ฆผ์ ์ผ๋ฐ์ ์ธ ๋คํญ์์ ํํ์ด๋ค.์์ ๊ฐ์ ๋คํญ์์ ๋ฐฐ์ด ํน์ ๋ฆฌ์คํธ์ ์ ์ฅํ๋ ๋ฐฉ์์ ํฌ๊ฒ ๋๊ฐ์ง๊ฐ ์๋ค.1) ๋คํญ์์ ๋ชจ๋ ํญ์ ์ ์ฅํ๋ ๋ฐฉ์์๋ฅผ ๋ค์ด ๋ค์๊ณผ ๊ฐ์ ๋คํญ์์ด ์ฃผ์ด์ก์๋, ์ด๋ฅผ 1๋ฒ ๋ฐฉ์์ผ๋ก ๋ฐฐ์ด(๋ฆฌ์คํธ)์ ์ ์ฅํ ํํ
๐ What to do?https://blog.kakaocdn.net/dn/Rxlrd/btrB7dhwPzS/ZeyPxC6oel0xinBYQq9B81/img.png๋ค์๊ณผ ๊ฐ์ ๋ฏธ๋ก๊ฐ maze1.txt๋ผ๋ ํ ์คํธ ํ์ผ์ ์์ฑ๋์ด์๋ค.์ด๋ ํด๋น ํ์ผ์ ์ฝ์ด ๋ฏธ๋ก๋ฅผ