์ ์ฒด ๊ธ
-
[ssg] ๋ถ๋ง ํ๊ธฐ์ด๋ชจ์ ๋ชจ/์ผ์ 2024. 10. 7. 17:48
โ๊ธด๊ธ ์ฃผ์ โ ํ์ ์ฟ ํก์ ์ข ์ข ์ด์ฉํ๋ ๋...ํ์ฌ ์ด์ ๋ฌผํ์ ๊ตฌ๋งคํ๊ธฐ ์ํด ์ค๋๋ง์ ssg๋ฅผ ๊บผ๋ด ๋ค์๋ค. (ssg๋ ์ง์ง ์ง์ ํ ๋๋ฒ ์์ผ๋ณด๊ณ ๋์ ๋ง์ผ์ปฌ๋ฆฌ๋ ํน์ ์ฟ ํก์ผ๋ก๋ง ์ฃผ๋ฌธํ์๋ค. ๊ทธ๋ ๊ทธ๋ด ๊ฒ์ด ๋๋ ์ฟ ํก ์์ฐ๋ฅผ ๊ฝค ์ค๋ ์ด์ฉํ๋ค.) ์๋ฌดํผ ๋น๊ต๋ฅผ ํ๋ ค๊ณ ssg๋ฅผ ์ด์ฉํ๊ณ ์ ํ๊ฑด ์๋๋ค. ํ์ฌ์์ ์์ ๋ถํฐ ๋ฌผํ ๊ตฌ๋งค๋ฅผ ssg๋ก ํ์๋ค๊ณ ํ๊ธฐ๋ ํ๊ณ , ์ฟ ํก ๋ฐฐ์ก์ ์ผ๊ด ๋ฐฐ์ก๋ณด๋ค ๋ณ๋ ๋ฐฐ์ก์ด ์ค๊ธฐ ๋๋ฌธ์ ํ ๋ฒ์ ๋ฐฐ์ก ๋ฐ์๋ณด๊ณ ์ ํ๋ค. ๊ฒฐ๊ณผ์ ์ผ๋ก ssg๊ฐ ๋๋ฅผ ๋นก์น๊ฒ ํ์์ ๋ฟ (^^....) ๋นก์ณ์ ๋ธ๋ก๊ทธ๋ฅผ ์ฐ๊ธด ๋ ์ฒ์์ด๋ค. [์ฌ๊ฑด์ ๋ฐ๋ฌ : ์ํ ์ฃผ๋ฌธ]2024.09.30(์) ssg๋ฅผ ์ผฐ๋ค. 10์ ์ด์๋ฌผํ์ ์ฃผ๋ฌธํ๊ณ ํ์ฌ ๋น์ฉ์ผ๋ก ์ฒ๋ฆฌํ๊ธฐ ์ํด ๋ฌผ๊ฑด์ ๋ด๊ณ ์ฃผ๋ฌธ์ ํ๋ค. (๊ณผ๊ฑฐ์ ๋..
-
[2๋ฐ 3์ผ]๋ํด ์ฌํ์ด๋ชจ์ ๋ชจ/์ผ์ 2024. 7. 30. 15:00
ํด๊ฐ ๊ธฐ๊ฐ์ ๋ง์ ์ด๋ฒ์๋ ๋ํด๋ก ์ฌํ์ ๋ค๋ ์์ด์!7์ 25์ผ ~ 27์ผ๊น์ง 2๋ฐ 3์ผ ๋ค๋ ์๊ณ , ๋ฌต์๋ ์์์ ์์์ ์ ๋ํด ์๊ฐํด๋๋ฆฌ๋ ค๊ณ ํด์.์ฒ ์ ํ ๋ด๋๋ด์ฐ ์ด๋๋๋ค! CONTENTS 1. ์ฒซ์งธ ๋ : ๋ํด๋ก์ ์ถ๋ฐ2. ๋์งธ ๋ : ๋ํด ์๋น & ํ์ ๊ตด & ์ฌ์ง๊ด3. ์ ์งธ ๋ : ๋ํด ์ฌํ์ ๋ง๋ฌด๋ฆฌ์ฒซ์งธ ๋ : ๋ํด๋ก์ ์ถ๋ฐ์ค์ 9์์ฏค ๋ํด๋ก ์ด๋ํ์ด์. ํด๊ฐ ๊ธฐ๊ฐ์ด์์ง๋ง ์ด์ ํด์ 3์๊ฐ ์ ๋ ์์๋์๋ ๊ฒ ๊ฐ์์.๊ฐ๋ค ๋ณด๋๊น ๋ฒ์ค๋ฅผ ํ๊ณ ์ค์๋ ๋ถ๋ค๋ ๋ง์ ๊ฒ ๊ฐ๋๋ผ๊ตฌ์.์ ํฌ๋ ์์๋ฅผ ๋ํด ๋ณด์ ์จ์ฒ ์ปจ๋ฒค์ ํธํ ๋ก ๊ฐ์๋๋ฐ, ๋๊ฐ์กฑ ๋จ์๋ก ๊ฐ๋ค๋ฉด ์ด๊ณณ๋ ๊ด์ฐฎ์ ๊ฒ ๊ฐ์์. ๋ด๋ถ์ ์ฃผ๋ฏผ๋ค ์ด์ฉ ๊ฐ๋ฅํ ๋ชฉ์ํ ๊ฒธ ์จ์ฒ๋ ์๊ณ ์์์ฅ๋ ์์ด์. ์ด๋ฆฐ ์๋ ๊ฐ ์๊ณ ๋ถ๋ชจ๋๋ ๋ชจ์๊ณ ๊ฐ๋ค ํ๋ฉด ํ ๋ฒ์ฏค ๊ณ ๋ ค..
-
[์ฌํ๊ณํ] 10๋ ์ง๊ธฐ ์น๊ตฌ๋ค๊ณผ ํจ๊ป ๋ ๋๋ ๋ฒ ํธ๋จ ๋ํธ๋์ด๋ชจ์ ๋ชจ/์ผ์ 2024. 7. 25. 12:21
์ค๋์ 10๋ ์ง๊ธฐ ์น๊ตฌ๋ค๊ณผ 5์ 14์ผ(ํ) ์ ๋ ์ถ๊ตญ๋ถํฐ 5์ 18์ผ(ํ ) ์ค์ ์ ๊ตญ๊น์ง ๋ฒ ํธ๋จ ๋ํธ๋์ ๋ค๋ ์๋ ์ฌํ ๊ณํ์ ํจ๊ป ๊ณต์ ํด๋ณด๋ ค๊ณ ํฉ๋๋ค.์ฌํ ์ค๋น๋ถํฐ ์ผ์ ๊น์ง ์ฑ๊ฒจ๋ณด์์ผ๋, ์น๊ตฌ๋ถ๋ค๊ณผ ์ฌํ๊ณํ์ ์ธ์ฐ๊ณ ๊ณ์๋ค๋ฉด ์ฐธ๊ณ ์๋ฃ๋ก ๋ด์ฃผ์๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค ๐(์ ํด์ง ์ผ์ ๋ณด๋ค ๋์จํ๊ฒ ๋ค๋ ์ผ๋ ๊ผญ ์ ๊ฐ ๋ค๋ ๋ ๋๋ก ๊ฐ์ค ํ์๋ ์์ต๋๋ค! ์ปจ๋์ ์ ๋ฐ๋ผ ์กฐ์ ํด์ฃผ์๋ฉด ์ข์์.) CONTENTS 1. ํ์ ๋ฌผํ ๋ฆฌ์คํธ2. ์ผ์ ๊ณต์ 3. ์ฒดํฌ์ฌํญํ์ ๋ฌผํ ๋ฆฌ์คํธํ์ ๋ฌผํ ๋ฆฌ์คํธ๋ฅผ ์ ๋ฆฌํ๋ฉด ๋ค์๊ณผ ๊ฐ์ต๋๋ค.6๊ฐ์ ์ด์ ๋จ์ ์ฌ๊ถ (๋งค์ฐ์ค์!)- ํธ๋ํฐ์ ์ฌ๊ถ ์ฌ์ง์ ์ฐ์ด๋์ธ์. - ์ถ๊ฐ๋ก ์ฌ๊ถ์ ์์ด๋ฒ๋ ธ์ ๋๋ฅผ ๋๋นํ์ฌ ์ฌ๊ถ ์ฌ์ง์ ๋ ์ฅ ์ ๋ ์ฑ๊ฒจ๊ฐ๋ ๊ฒ์ด ์ข์ต๋๋ค. - ๋ํ ์ฌ๊ถ์ ์ ๋ถ..
-
[JavaScript] ์๋ฐ์คํฌ๋ฆฝํธ๋?๊ฐ๋ฐ์ผ์ง/FE 2024. 7. 16. 20:40
โป ํด๋น ๊ฒ์๊ธ์ ์์ด๋ก ๋ ๊ธ์ ๋ฒ์ญํ์ฌ ์ฌ๋ฆฐ ๊ฒ์ผ๋ก ์ค์ญ์ด๋ ์์ญ์ด ์์ ์ ์์ต๋๋ค.์๊ธ : https://javascript.info/intro#what-can-in-browser-javascript-do์ด๋ฒ ๊ธ์์๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ํน์ดํ ์ , ์ด๊ฑธ ํตํด ๋ฌด์์ ์ป์ ์ ์๋์ง, ๋ ๋ค๋ฅธ ๊ธฐ์ ๊ณผ ์ ์ด์ธ๋ฆฌ๋์ง์ ๋ํด ์ดํด๋ณด๊ฒ ์ต๋๋ค.์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๋ญ๊ฐ์?์๋ฐ์คํฌ๋ฆฝํธ๋ ์ฒ์์ "์นํ์ด์ง๊ฐ ์ด์์๋ ๊ฒ"์ฒ๋ผ ๋ง๋ค๊ธฐ ์ํด ๋ง๋ค์ด์ก์ต๋๋ค.ํ๋ก๊ทธ๋๋ฐ์์ ์ด ์ธ์ด๋ฅผ ์คํฌ๋ฆฝํธ(scripts)๋ผ๊ณ ๋ถ๋ฆ ๋๋ค.์นํ์ด์ง์ HTML์์ ๋ฐ๋ก ์์ฑ ๊ฐ๋ฅํ๊ณ ํ์ด์ง๊ฐ ๋ก๋๋๋ฉด ์๋์ผ๋ก ์คํ๋ฉ๋๋ค.์คํฌ๋ฆฝํธ๋ ํ๋ฌธ์ผ๋ก ์์ฑ๋๊ณ ์คํ๋ฉ๋๋ค. ์ด ๋ง์ ์ฆ ์คํ๋๊ธฐ ์ํด ํน๋ณํ ์ค๋น๋ ์ปดํ์ผ์ด ํ์ํ์ง ์๋ค๋ ๊ฒ์ ๋๋ค.์ด๋ฌํ ์ธก๋ฉด์..
-
[์ผ์์ผ์ง] IT๊ต์ก ์ด์ ์ ๋ฌด ์๊ฐ์ด๋ชจ์ ๋ชจ/์ผ์ 2024. 7. 10. 14:11
์๋ ํ์ธ์!์ค๋์ ๊พธ์คํ ๋ธ๋ก๊ทธ ๊ธ์ฐ๊ธฐ 2์ผ ์ฐจ๋ฅผ ๋ง์ดํ์ฌ IT ๊ต์ก ์ด์์ด ๋ฌด์์ธ์ง, ์ฃผ์ ์ ๋ฌด๋ ๋ฌด์์ธ์ง์ ๋ํด ์์ธํ ์ด์ผ๊ธฐํด๋ณด๋ ค๊ณ ํฉ๋๋ค.(๋ฌ์ ๋ช ๋ฒ ํน์ ์ฃผ์ ๋ช ๋ฒ ์ ๋๋ ๊พธ์คํ ๋ธ๋ก๊ทธ ๊ธ์ ์ฐ๋ ค๊ณ ๋ ธ๋ ฅํด์ผ๊ฒ ์ด์ ๐ฅน)CONTENTS1. IT ๊ต์ก ์ด์์ด๋?2. ๊ต์ก ์ด์์์ ์ฃผ์ ์ ๋ฌด3. ํ์ฌ์์ ๊ต์ก ์ด์์๋ก ์ง๋๋ ๊ฒฝํ4. ํ์ํ ์ญ๋ - ์๊ธฐ์๊ฐ์ ๋ด์ฉ IT ๊ต์ก ์ด์์ด๋?๊ฐ์ฅ ๊ธฐ์ด์ ์ธ ๊ฒ๋ถํฐ ์ค๋ช ํ์๋ฉด IT ๊ต์ก ์ด์ ์ง๋ฌด๋ IT ๊ด๋ จ ๊ต์ก ํ๋ก๊ทธ๋จ์ ๊ธฐํํ๊ณ , ์ด์ํ๋ฉฐ, ๊ด๋ฆฌํ๋ ์ญํ ์ ๋งก๊ณ ์์ด์.๋จ์ํ ๊ฐ์๋ฅผ ์ค๋นํ๊ณ ์งํํ๋ ๊ฒ์ ๋์ด์, ๊ต์ก์๋ค์ ํ์ต ํจ๊ณผ๋ฅผ ๊ทน๋ํํ๊ณ ๊ต์ก ๊ณผ์ ์ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ๋๋ฐ ์ค์ ์ ๋ก๋๋ค.KDT๋ ๊ตญ๋น์ง์ ์์ ๋ฑ ๋ด์ผ๋ฐฐ์์นด๋๋ฅผ ํ์ฉํด ๋ฃ๋ ์..
-
[์ผ์์ผ์ง] ๊ฐ๋ฐ์ ์ทจ์ ์ค๋น์๋ถํฐ ๋ํ๊ต ๊ณ์ฝ์ง ๊ต์ง์๊น์ง์ด๋ชจ์ ๋ชจ/์ผ์ 2024. 7. 9. 22:18
์๋ ํ์ธ์ ์ฌ๋ฌ๋ถ, ์ค๋์ ์ทจ์ ์ค๋น์์์ ๋ํ๊ต ๊ต์ง์์ด ๋๊ธฐ๊น์ง์ ์ฌ์ ์ ๊ณต์ ํด๋ณด๋ ค๊ณ ํฉ๋๋ค.๋ฐฉ์น๋๋ ๋ธ๋ก๊ทธ๋ฅผ ํ์ฉํ๊ธฐ ์ํด ์ถฉ๊ฒฉ์ ์ธ ์์์ ์์ฑํ ๊ฒ ๊ฐ์๋ฐ์! ๐ซข์ด ์ด์ผ๊ธฐ๊ฐ ์์ผ๋ก์ ์ง๋ก๋ฅผ ๊ณ ๋ฏผํ๋ ๋ฐ ์์ด ์์ ๋์์ด ๋์์ผ๋ฉด ํ๋ ๋ฐ๋์ผ๋ก ์์ฑํด๋ณด๋ ค๊ณ ํฉ๋๋ค.์ทจ์ ์ค๋น์์ด์ ๊น์ง ๊ธ์ ๋ชจ๋ ์ทจ์ ์ค๋น์ ์์ ์ ์์ฑํ๋ ์ ๋ณด ๊ธ๋ค์ด์์!ํํํ ์๊ธฐ ๋ค์ด์ด๋ฆฌ๋ก ์์ฑ์ ํ์ง๋ง ์ด์ ๋ ์๊ธฐ ๋ค์ด์ด๋ฆฌ ๋์ ๋ ธํธ๋ถ์ ์ผ๊ณ ๋ธ๋ก๊ทธ์ ๊ธ์ ์์ฑํด ๋ณด๊ธฐ๋ก ํ์ต๋๋ค. (์ง๊ธ์ ๋ํ๊ต๋ก ์ง์ฅ์ ๋ค๋๊ณ ์๋ ์ง์ฅ์ธ์ด์์!) ์ ๋ ์๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฐ ๋๊ณ ์ถ์์ต๋๋ค.๊ทธ๋ฌ๋ ๊ฟ๊ณผ ํ์ค์ ํ์ฐํ ๋ฌ๋์ด์.์กธ์ ์ง์ ๋ถํฐ 3๊ฐ์ ๋์ ์ฌ๋ฌ ๊ณณ์ ์ด๋ ฅ์๋ฅผ ๋ฃ๊ณ ์ง์ํ์ง๋ง, ๋ถ์กฑํ ๊ฒฝ๋ ฅ์ ๋ฐ์์ฃผ๋ ๊ณณ์ด ์์์ต๋๋ค.๋จ๋ค๋ณด๋ค ์ง..
-
[Javascript] ์๋ฐ์คํฌ๋ฆฝํธ ์์ง(heap & stack)๊ฐ๋ฐ์ผ์ง/FE 2023. 2. 23. 11:06
์ฐ๋ฆฌ๊ฐ ์น์์์ ์น์ฌ์ดํธ๋ฅผ ๋ณผ ์ ์๋ ๊ฒ์ ๋ธ๋ผ์ฐ์ ์์ javascript๋ฅผ ์คํํ ์ ์๋ ํ๊ฒฝ์ ์ ๊ณตํ๋ค๋ ์๋ฏธ์ด๋ค. ๋ธ๋ผ์ฐ์ ๋ Browser APIs๋ ๋ค๋ฅธ ์์๋ค์ด ์๋๋ฐ ์ด๋ฒ์ ์ดํด๋ณผ ๊ฒ์ javascript ์์ง์ด๋ค. javascript๋ ์ธํฐํ๋ฆฌํฐ ์ธ์ด์ด๋ค. ์ธํฐํ๋ฆฌํฐ๋ ์ฝ๋๋ฅผ ์คํํจ๊ณผ ๋์์ ํ ์ค์ฉ ์คํํ๋ค๋ ์๋ฏธ์ด๋ค. ๋ค๋ฅธ ์ธ์ด๋ฅผ ์๋ฅผ ๋ค์ด ๋ณด์๋ฉด ์ฐ๋ฆฌ๋ ์ปดํ์ผ์ด๋ผ๋ ๊ณผ์ ์ด ์กด์ฌํ๊ณ (High level ์ธ์ด๋ฅผ low level ์ธ์ด๋ก ๋ฐ๊พธ์ด์ฃผ๋ ๊ณผ์ ์ฆ, ์์ด๋ก ์ฝ๋ฉํ๊ฑธ ๋จธ์ ์ด ์ดํดํ๊ธฐ ์ฌ์ด ๊ธฐ๊ณ์ด๋ก ๋ฐ๊พธ์ด์ค๋ค๋ ์๋ฏธ) ๊ทธ ํ ์คํ ๋ช ๋ น์ด๋ฅผ ํตํด ํด๋น ์ฝ๋๋ฅผ ์คํํ๋ค. ๊ทธ๋ฌ๋ javascript ์์ง์ ๊ทธ ์ค๊ฐ ๊ณผ์ ์ ์๋ตํ๊ณ ์คํ๊ณผ ๋์์ ์ปดํ์ผ์ ์งํํ๋ค. ๊ทธ๋์ javascri..
-
[Javascript] Hoisting๊ณผ TDZ๊ฐ๋ฐ์ผ์ง/FE 2023. 2. 21. 15:28
Javascript๋ var, let, const์ ๊ฐ์ ๋ณ์ ์์ฑ ๋ฐฉ๋ฒ์ด ์กด์ฌํ๋ค. ์ฐ๋ฆฌ๋ ๊ฐํน Hoisting์ ์๊ฐํ ๋ var๊ณผ ํจ์๋ Hoisting ๋์ง๋ง let๊ณผ const๋ ํธ์ด์คํ ์ด ๋์ง ์๋๋ค๊ณ ์๊ฐํ๋ค. ๊ทธ๋ฌ๋, ์ด๋ ํ๋ฆฐ ๋ง์ด๋ค. ๋จผ์ Hoisting์ ์ ์์ ๋ํด ์์๋ณด์. Hoisting์ MDN ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด ์ธํฐํ๋ฆฌํฐ๊ฐ ๋ณ์์ ํจ์์ ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ์ ์ ์ธ ์ ์ ๋ฏธ๋ฆฌ ํ ๋นํ๋ ๊ฒ์ ์๋ฏธํ๋ค. (๐ธํธ์ด์คํ ์ ECMAScript 2015 ์ธ์ด ๋ช ์ธ ์ดํ ๋ํ๋ฌ์ต๋๋ค.) ์ฌ๊ธฐ์ var๊ณผ let์ ์ฐจ์ด๊ฐ ํ๋ ๋ฐ์ํ๊ฒ ๋๋๋ฐ ๋ฐ๋ก ์ ์ธ๊ณผ ์ด๊ธฐํ์ ์ฐจ์ด์ด๋ค. ์ฐ๋ฆฌ๋ javascript์ ๋ณ์๊ฐ ํ ๋น๋๋ ๊ณณ๊น์ง ์ด 3๊ฐ์ ๋จ๊ณ๋ก ๋๋์ด ๋ณผ ์ ์๋ค. 1. ์ ์ธ ๋จ๊ณ 2. ์ด๊ธฐํ ๋จ๊ณ 3. ..