web (3) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [ WEB ] CSR๊ณผ SSR ๋น๊ตํ๊ธฐ CSR(client-side-rendering)๊ณผ SSR(server-side-rendering)์ ์น ํ์ด์ง์ ์ฝํ ์ธ ๋ฅผ ์ฌ์ฉ์์๊ฒ ๋ ๋๋งํ๋ ๊ธฐ์ ์ด๋ค. SSR๊ณผ CSR์ ๋ ๋๋ง ๊ณผ์ ์ด ์ผ์ด๋๋ ์์น์์ ์ฐจ์ด๊ฐ ์๋ค. CSR (Client-Side-Rendering) CSR์ ํด๋ผ์ด์ธํธ ์ธก์์ ๋ ๋๋ง์ ํ๋ ๊ธฐ์ ๋ก ์ฌ์ฉ์์ ์น ๋ธ๋ผ์ฐ์ ์ JavaScript๋ฅผ ํตํด ์น ํ์ด์ง๋ฅผ ๋ ๋๋งํ๋ค. ์๋ฒ์์ ์ต์ํ์ HTML ํ์ผ์ ๋ณด๋ด๊ณ , ํด๋ผ์ด์ธํธ ์ธก JavaScript ์ฝ๋๊ฐ ์ฝํ ์ธ ๋ฅผ ๊ฐ์ ธ์ ๋ ๋๋งํ๋ค. ์ด ๊ฒฝ์ฐ ์ฌ์ฉ์์๊ฒ ๋ณด๋ค ๋ ์ธํฐ๋ ํฐ๋ธํ๊ณ ๋์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ ์ ์๊ณ ์ ์ฒด ํ์ด์ง๋ฅผ ๋ค์ ๋ก๋ํ์ง ์๊ณ ๋ ์ฝํ ์ธ ๋ฅผ ์ ๋ฐ์ดํธํ ์ ์๋ ๊ธฐ๋ฅ์ด ์๋ค. ํ์ง๋ง ์ด๊ธฐ ํ์ด์ง ๋ก๋ฉ ์๊ฐ์ด ์ค๋ ๊ฑธ๋ฆฌ๋ ๊ฒฝ์ฐ.. [ WEB ] HTTP Header(ํค๋) - 1 HTTP ํค๋๋ ๋ฌด์์ผ๊น? HTTP ํค๋๋ ํด๋ผ์ด์ธํธ์ ์๋ฒ๊ฐ ์์ฒญ / ์๋ต์ผ๋ก ๋ถ๊ฐ์ ์ธ ์ ๋ณด๋ฅผ ์ ์กํ ์ ์๋๋ก ํด์ฃผ๋ ์ญํ ์ ํ๋ค. ๋.์๋ฌธ์๋ฅผ ๊ตฌ๋ถํ์ง ์๋ ์ด๋ฆ๊ณผ ์ฝ๋ก (:) ๋ค์์ ์ค๋ ๊ฐ(์ค ๋ฐ๊ฟ X)์ผ๋ก ์ด๋ฃจ์ด์ ธ ์์ผ๋ฉฐ ๊ฐ ์์ ๋ถ์ ๋น ๋ฌธ์์ด์ ๋ฌด์๋๋ฉฐ, ํ์์ ์์์ ํค๋๋ฅผ ์ถ๊ฐํ ์ ์๋ค. HTTP ํค๋ ํ๋ ๋ช ํ์ธํ๊ธฐ HTTP ํค๋์ ๋ถ๋ฅ - General ํค๋: ๋ฉ์์ง ์ ์ฒด์ ์ ์ฉ๋๋ ์ ๋ณด๋ก ์์ฒญ / ์๋ต์์ ๋ชจ๋ ์ฌ์ฉ๋์ง๋ง ์ฝํ ์ธ ์์ฒด์๋ ์ ์ฉ๋์ง ์๋ ํค๋๋ก, Connection, Date, Cache-Control ๋ฑ์ด ์๋ค. - Request ํค๋: ํจ์น๋ ๋ฆฌ์์ค๋ ํด๋ผ์ด์ธํธ์ ๋ํ ์ ๋ณด๋ฅผ ํฌํจํ๋ ์์ฒญ ์ ๋ณด ํค๋๋ก, User-Agent, Cookie, Referer ๋ฑ์ด .. [ WEB ] Cookie์ ๋ํ ์ ๋ฆฌ ๊ธ Cookie ๋? HTTP์ฟ ํค(์น ์ฟ ํค ๋๋ ๋ธ๋ผ์ฐ์ ์ฟ ํค)๋ ์๋ฒ๊ฐ ์ฌ์ฉ์์ ์น ๋ธ๋ผ์ฐ์ ์ ์ ์กํ๋ ์์ ๋ฐ์ดํฐ ์กฐ๊ฐ์ผ๋ก, ๋ธ๋ผ์ฐ์ ๋ ํด๋น ๋ฐ์ดํฐ ์กฐ๊ฐ๋ค์ ์ ์ฅํด ๋์๋ค๊ฐ, ๋์ผํ ์๋ฒ์ ์์ฒญ ์ ์ ์ฅ๋ ๋ฐ์ดํฐ๋ฅผ ํจ๊ป ์ ์กํ๋ค. ์ฟ ํค๋ ๋ ์์ฒญ์ด ๋์ผํ ๋ธ๋ผ์ฐ์ ์์ ๋ค์ด์๋์ง ์๋์ง๋ฅผ ํ๋จํ ๋ ์ฃผ๋ก ์ฌ์ฉํ๋ฉฐ, ์ด๋ฅผ ์ฌ์ฉํ์ฌ stateless์ธ HTTP ํ๋กํ ์ฝ์์ ์ํ ์ ๋ณด๋ฅผ ๊ธฐ์ตํ์ฌ ์ฌ์ฉ์์ ๋ก๊ทธ์ธ ์ํ๋ฅผ ์ ์งํ ์ ์๋ค. ์ฟ ํค๋ Key=value ํํ๋ก ์ด๋ฃจ์ด์ ธ ์๋ค. ํ์ ์ String์ด๊ณ , ๊ณต๊ฐ ์ ์ฝ์ด ์์ด์ 4KB ์ด์ ์ ์ฅ์ด ๋ถ๊ฐ๋ฅํ๋ค. Set-Cookie ๋ ์๋ฒ์์ ํด๋ผ์ด์ธํธ(์ฌ์ฉ์ ๋ธ๋ผ์ฐ์ )๋ก ์ฟ ํค๋ฅผ ์ ์กํ๊ธฐ ์ํด ์ฌ์ฉํ๋ค. (์๋ต) Set-Cookie: =โ ์ฟ ํค์ ํน์ง - ์ฟ ํค๋ .. ์ด์ 1 ๋ค์