์ฑํ (๋ ๋ฒ)์ ๊ฒ์ํ๋๋ฐ ์๋ฌด๋ ์๋ตํ์ง ์์์ผ๋ฏ๋ก ์ฌ๊ธฐ์์ ๋์์ ๋ฐ์ ์ ์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.
ํญ๋ชฉ์ด localStorage์ ์์ผ๋ฉด true๋ฅผ ๋ฐํํ๊ณ ๊ทธ๋ ์ง ์์ผ๋ฉด false๋ฅผ ๋ฐํํ๋ mixin isLoggedIn()์ด ์์ต๋๋ค.
๋ด ์ง๋ฌธ์ isLoggedIn์ด true์ธ ๊ฒฝ์ฐ์๋ง ์ผ๋ถ ์์๊ฐ ํ์๋๊ธฐ ๋๋ฌธ์ localStorage์์ ํญ๋ชฉ์ ์
๋ฐ์ดํธํ๊ฑฐ๋ ์ ๊ฑฐํ ๋ ์ํ๋ฅผ ์ด๋ป๊ฒ ๋ค์ ํ๊ฐํ ์ ์์ต๋๊น?
๊ทธ๋ฆฌ๊ณ v-show="isLoggedIn()"์ ์ฌ์ฉํ๋ ๊ฒ์ด ์ณ์ต๋๊น ์๋๋ฉด ๋ค๋ฅธ ๊ฒ์ ์ ์ํ์๊ฒ ์ต๋๊น? ์ด์ ๋ํ ๋ชจ๋ฒ ์ฌ๋ก๊ฐ ๋ฌด์์ธ์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค.
๊ณ ๋ง์ ์๋ค์.
์ฌ๊ธฐ์ ์ฃผ์ํ ์ ์ localStorage๊ฐ ๋ฐ์ํ์ด ์๋๋ฏ๋ก ๋ณ๊ฒฝ ์ฌํญ์ ํธ๋ฆฌ๊ฑฐํ๋ ค๋ฉด ๋ฐ์ํ ์ด ํ์ํ๋ค๋ ๊ฒ์ ๋๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก ๊ฐ์ฒด๋ฅผ ์ฌ์ฉํ์ฌ ๋ก๊ทธ์ธ ์ํ๋ฅผ ๋ํ๋ด๊ณ ๋ก๊ทธ์ธ/๋ก๊ทธ์์ํ ๋ localStorage์ ํด๋น ๊ฐ์ฒด๋ฅผ ํจ๊ป ์์ ํฉ๋๋ค(์ฑ ๋ก๋ ์ localStorage์์ ์ฝ์ด์ ํด๋น ๊ฐ์ฒด๋ฅผ ์ด๊ธฐํํฉ๋๋ค).
http://vuejs.org/guide/application.html#State_Management ์ฐธ์กฐ
๋ฐ https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/ ํ๋ ค๋ ์์
์ ์ ํํ ์ํํฉ๋๋ค.
@yyx990803 ๊ณ ๋ง์์, ์ด ๊ธฐ์ฌ๋ ์ ํํ ์ ๊ฐ ํ๋ ค๊ณ ํ๋ ๊ฒ์ ๋๋ค.
์ฌ์ฉ์๊ฐ ์ด์ ์ธ์
์์ ์ด๋ฏธ ๋ก๊ทธ์ธํ๋์ง ํ์ธํ๊ธฐ ์ํด ์ฑ ์ด๊ธฐํ ์ ๋ก์ปฌ ์ ์ฅ์๋ฅผ ํ์ธํ๋ ๊ฐ์ฅ ์ข์ ์์น๋ ์ด๋์ธ๊ฐ์? ์ฐธ์กฐ๋ ์์ต์์์ Vue๊ฐ ์ด๊ธฐํ๋๊ธฐ ์ ์ ์์ ํ์ผ / main.js
์์ ํ ์ค๋ง ์์ต๋๋ค. ๋น์ทํ ์ผ์ ํ์ต๋๋ค. ์ถ์ฒ์ธ๊ฐ์?
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ฌ๊ธฐ์ ์ฃผ์ํ ์ ์ localStorage๊ฐ ๋ฐ์ํ์ด ์๋๋ฏ๋ก ๋ณ๊ฒฝ ์ฌํญ์ ํธ๋ฆฌ๊ฑฐํ๋ ค๋ฉด ๋ฐ์ํ ์ด ํ์ํ๋ค๋ ๊ฒ์ ๋๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก ๊ฐ์ฒด๋ฅผ ์ฌ์ฉํ์ฌ ๋ก๊ทธ์ธ ์ํ๋ฅผ ๋ํ๋ด๊ณ ๋ก๊ทธ์ธ/๋ก๊ทธ์์ํ ๋ localStorage์ ํด๋น ๊ฐ์ฒด๋ฅผ ํจ๊ป ์์ ํฉ๋๋ค(์ฑ ๋ก๋ ์ localStorage์์ ์ฝ์ด์ ํด๋น ๊ฐ์ฒด๋ฅผ ์ด๊ธฐํํฉ๋๋ค).
http://vuejs.org/guide/application.html#State_Management ์ฐธ์กฐ
๋ฐ https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/ ํ๋ ค๋ ์์ ์ ์ ํํ ์ํํฉ๋๋ค.