2๊ฐœ์›” ์ฐจ   ๋ฉ˜ํ† ๋ง ์ค‘  ๊ฐ€์žฅ ๊ธฐ์–ต์— ๋‚จ๋Š” ๊ต์žฌ์ž…๋‹ˆ๋‹ค. ์ฒ˜์Œ์—” ์–ด๋ ค์› ์ง€๋งŒ ์ •๋ง๋กœ ์žฌ๋ฐŒ์—ˆ์–ด์š”!!

ํ˜„์žฌ๊นŒ์ง€ ๋ฌด์—‡์„ ๋ฐฐ์› ๊ณ  ๋ฌด์—‡๋“ค์„ ํ–ˆ๋Š”๊ฐ€

์›น ์ ‘๊ทผ์„ฑ, 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

+ Recent posts