ํ์ฌ๊น์ง ๋ฌด์์ ๋ฐฐ์ ๊ณ ๋ฌด์๋ค์ ํ๋๊ฐ
์น ์ ๊ทผ์ฑ, aria ์์ฑ (์ด๋ฐ ์์ฑ์ ๋ฃ์ผ๋ฉด ๋ณด์ด์ค์ค๋ฒ๊ฐ ์ด๋ป๊ฒ ์ฝ๊ฒ ๋๋๊ตฌ๋~ ๋๋์ผ๋ก ํ์ต ํ์ต๋๋ค!),
๋ฐ์ค ๋ชจ๋ธ, Git์ ์ปค๋ฐ ์ปจ๋ฒค์ , HTTPS์ secure ๊ณผ์ , iterable๊ณผ iterator์ ์ฐจ์ด, setTimeout, setInterval, this, prototype, ํด๋ก์ , ํ๋ก๋ฏธ์ค ๋ฑ์ ํ์ตํ๊ณ ๊ฐ์ฅ ๊ธฐ์ต์ ๋จ๋ ๊ฑด ์ด๋ ๊ฒ ๋ฐฐ์ด ์ง์๋ค์ ํ์ฉํด ์๋จ์ ์ด๋ฏธ์ง๊น์ง ์ฌ๋ ค๋ “ํ๋ ์์ํฌ ์๋ ํ๋ก ํธ์๊ทธ ๊ฐ๋ฐ - ํ๋์ธ์ค์ฝ ์คํธ๋ผ์ธจ๋ก” ๊ต์ฌ๋ฅผ ํตํ SPA ๊ตฌํ ์ด์์ต๋๋ค!
์ด์ ์๋ ์ ๋ชป ์๊ณ ์์๋ ๊ฒ์ ๋ํด ๊นจ๋ฌ์๊ฒ ์๋๊ฐ
๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ก SPA๋ฅผ ๊ตฌํํ๋ฉฐ react-router ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ฐ์ ํด๋ผ์ด์ธํธ ๋ผ์ฐํฐ๋ฅผ ์ง์ ๊ตฌํํ์ต๋๋ค.
์ด ๊ณผ์ ์์ router ๋์ ๋ฐฉ์์ ๋ํด ์์ ํ ์๋ชป ์๊ณ ์์๋ค๋ ๊ฑธ ๊นจ๋ซ๊ฒ ๋๋ค์..
"์๋ก๊ณ ์นจํด๋ ํด๋น ํ์ด์ง๊ฐ ์ ์ง๋ผ์ผ ํ๋ค"๋ผ๋ ์๊ตฌ์ฌํญ์ ์ ํด๋๊ณ ๊ตฌํ์ ์์ํ๊ณ ์ฒ์์ Hash ๋ผ์ฐํฐ๋ก ๊ตฌํํ ํ Brower ๋ผ์ฐํฐ๋ก ๋ณ๊ฒฝํ์ต๋๋ค.
์ด ๊ณผ์ ์์ ํด์ ๋ผ์ฐํฐ๋ SEO์ ์ข์ง ์๋ค๋ ๊ฒ, ๋ชจ๋ ์นํ์ด์ง๋ ์๋ก๊ณ ์นจ ์ ์๋ฒ ์ชฝ์ผ๋ก ์์ฒญ์ด ๊ฐ๋ค๋ ๊ฒ(CSR, SPA ๋ฑ์ ์๋ชป ์ดํดํ๊ณ ์์์ต๋๋ค.), ์ด๋ ํด์ ๋ผ์ฐํฐ๋ #(ํด์) ์ดํ๋ ์์ฒญ์ด ๊ฐ์ง ์๋๋ค๋ ๊ฒ ๋ฑ.. ๋ฐ๋ก์ก๊ธฐ ์ํด ๋ ธ์ ์ ๊ธฐ๋ก ํ ํ์ตํ์ฌ ๋ธ๋ก๊ทธ์ ์ฎ๊ธธ ๋ด์ฉ๋ค์ด ์ ๋ง ๋ง์๊ณ ์ฌ๋ฏธ์์๋ค์!
๋ฉํ ๋์ ์ค๋ ฅ์ ๋ํ ๋ง์กฑ๋๋ ์ด๋ ํ๊ฐ
์ ๊ธฐ์ค์์ ์ ๋ง ๋ง์กฑ์ค๋ฌ์ ์ด์! ์ฝ๋ ๋ฆฌ๋ทฐ ๋ํ ๊ทธ์ ๋ต์ ์๋ ค์ฃผ์๋ ๊ฒ ์๋ ์ ๊ฐ ์ค์ค๋ก ์ฐพ์๊ฐ ์ ์๋๋ก ์ด๋์ด ์ฃผ์ จ์ต๋๋ค. ์ด๋ฐ ๊ณผ์ ์์ ์ค๋ ฅ์ด ๋ง์ด ๋์์ด์ใ ใ
์ต๊ทผ 1๊ฐ์ ๋์ ๋ฉํ ๋ง์์ ์ด๋ค ๊ฒ๋ค์ด ์ข์๋๊ฐ
๋ฉํ ๋ง ์ฒ์์ผ๋ก ์ฝ๋ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ์์ต๋๋ค! ๊ธด์ฅ๋์ง๋ง ์ ๋ง ์ฆ๊ฑฐ์ ์ด์!
์ต๊ทผ 1๊ฐ์ ๋ฉํ ๋ง์ ๋ํ ์์ ๋ก์ด ๊ฐ์ ๋ฐ ํ๊ธฐ
๋จ์ํ ์ด๋ก ์ ํ์ตํ๋ ๊ฒ๊ณผ ์ฝ๋๋ฅผ ์์ฑํ๋ ๊ฑด ๋ค๋ฅด๋ค๋ ๊ฑธ ๋ค์ ํ๋ฒ ๋๊ผ์ต๋๋ค.
์ด์ฌํ ํ์ตํ๋ ์ด๋ก ๋ค์ ํ๋ก์ ํธ์์ ๋ ์ฌ๋ฆฌ๊ธฐ๊ฐ ์ฝ์ง ์์์ด์. ํ๋ค๋ชปํด this ๋ฐ์ธ๋ฉ ๋ฌธ์ ์กฐ์ฐจ๋ ๋์น๋ ๊ฑธ ๋ณด๊ณ ์ค์ค๋ก์๊ฒ ์ถฉ๊ฒฉ์ ๋ฐ์์๋ค์..!
๊ทธ๋ด ๋๋ง๋ค ๋ฉํ ๋๊ป์ ์ ๊ฐ ํ์ตํ ๋ด์ฉ ์ค ๋ฐ๋์ ์์ ๊ฑฐ๋ผ ๋ง์ ์ฃผ์
จ๊ณ ์ค์ค๋ก ํด๊ฒฐํ ์ ์์์ต๋๋ค!!
'Growth Activities > F-Lab' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
F-Lab Frontend ์๋ฃ ํ๊ธฐ (0) | 2024.04.18 |
---|---|
F-Lab Frontend 3๊ฐ์ ํ๊ธฐ (0) | 2024.03.29 |
F-Lab Frontend 1๊ฐ์ ํ๊ธฐ (0) | 2024.03.29 |