๐ ๋ธ๋ก๊ทธ ์ด์ ํ์ต๋๋ค.
September 10, 2022
์ ๋ฑ์ฅํ์๊น? HTTP ํต์ ์ ์์ฒญ(Request) โ ์๋ต(Response)์ด ์ข ๋ฃ๋๋ฉด ์ฐ๊ฒฐ์ ๋์ด๋ฒ๋ฆผ Connectionless(๋น์ฐ๊ฒฐ์ฑ): ํด๋ผ์ด์ธํธ๊ฐ ์๋ฒ์ ์์ฒญ์ ํ์ ๋, ์์ฒญ์ ๋ง๋ ์๋ต์ ๋ณด๋ธ ํ ์ฐ๊ฒฐ์ ๋๋ ์ฒ๋ฆฌ๋ฐฉ์ Stateless(๋ฌด์ํ์ฑ): ํด๋ผ์ด์ธํธ์ ์ํ ์ ๋ณด๋ฅผ ๊ฐ์ง์ง ์๋ ์๋ฒ ์ฒ๋ฆฌ๋ฐฉ์(ํด๋ผ์ด์ธํธ์ ์ฒซ ๋ฒ์งธ ํต์ ์ ๋ฐ์ดํฐ๋ฅผ ์ฃผโฆ
June 20, 2022
React ํน์ง JavaScript Frontend Framework(Library) ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๊ตฌ์ถํ๊ธฐ ์ํ ์ ์ธ์ ์ด๊ณ ํจ์จ์ ์ด๋ฉฐ ์ ์ฐํ JavaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌ โ์ปดํฌ๋ํธโ๋ผ๊ณ ๋ถ๋ฆฌ๋ ์๊ณ ๊ณ ๋ฆฝ๋ ์ฝ๋์ ํํธ์ ์ด์ฉํ์ฌ ๋ณต์กํ UI๋ฅผ ๊ตฌ์ฑํ๋๋ก ๋์ต๋๋ค. SPA(Single Page Application) Component ๊ธฐ๋ฐ Virtโฆ
May 30, 2022
Node.js๋ chrome์ JavaScript ํด์์์ง V8๋ก๋ถํฐ ๊ฐ๋ฐ๋ JavaScript ๋ฐํ์(์คํ) ํ๊ฒฝ nvm(node version management) npm(node package management) yarn Node.js๋ฅผ ์ฐ๋ ์ด์ non-blocking I/O ์ฝ๋๊ฐ ์งง๊ณ ์ฌ์ blocking: ์์ฒญ๋ฐ์ ํจ์ ์์ ์ ๋ชจ๋ ๋ง์ณ์ผ โฆ
May 20, 2022
Clone(ํด๋ก ) ์๊ฒฉ ์ ์ฅ์๋ฅผ ๋ก์ปฌ ์ ์ฅ์์ ๋ณต์ Branch(๋ธ๋์น) ๋์์ ๋ค์ํ ์์ ์ ํ ์ ์๋๋ก ๋ถ๋ฆฌ๋ ์์ ์์ญ ๋ธ๋์น ์์ฑ ๋ธ๋์น ์ญ์ Checkout(์ฒดํฌ์์) ๋ธ๋์น ์ ํ ๋ธ๋์น ์์ฑ๊ณผ ์ ํ ๋ธ๋์น ์กฐํ Commit(์ปค๋ฐ) ์ปค๋ฐ ์ถ๊ฐ ์ปค๋ฐ ์ํ ์ปค๋ฐ ๋ฉ์์ง Push(ํธ์) ์๊ฒฉ ์ ์ฅ์์ ๋ฐ์ดํฐ๋ฅผ ๋ก์ปฌ ์ ์ฅ์์ ๊ฐ์ ธ์ ๋ณโฆ
May 10, 2022
CSR(Client Side Rendering) ์ต์ด์ ํ๋ฒ ์๋ฒ์์ ์ ์ฒด ํ์ด์ง๋ฅผ ๋ก๋ฉํ์ฌ ๋ณด์ฌ์ฃผ๊ณ , ์ดํ์๋ ํด๋ผ์ด์ธํธ์ ์์ฒญ์ด ์ฌ ๋ ๋ฆฌ์์ค๋ฅผ ์๋ฒ์์ ์ ๊ณตํ ํ, ํด๋ผ์ด์ธํธ๊ฐ ํด์ํ๊ณ ๋ ๋๋งํจ ๋ชจ๋ html๊ณผ static ํ์ผ์ด ๋ก๋๋ ๋๊น์ง ๊ธฐ๋ค๋ ค์ผ ํจ SEO(๊ฒ์ ์์ง ์ต์ ํ)๊ฐ ์ด๋ ค์ SSR(Server Side Rendering) ์์ ํ hโฆ
May 01, 2022
๊ธฐ์ ๋ธ๋ก๊ทธ๋ก Gatsby๋ฅผ ์ ํํ ํ, ์๋ฒ ๋ฐฐํฌ์ ๋ํด ๊ณ ๋ฏผํ๋ค github-page๋ฅผ ์ด์ฉํ์ฌ ๋ฐฐํฌํ๊ธฐ๋ก ํ์์ต๋๋ค. github์ ์ฐ๋์ด ๋๋ฉฐ ์ฌ์ฉ๋ฒ์ด ์ด๋ ต์ง ์๋ค๋ ์ฅ์ ์ผ๋ก ์ ํํ๊ฒ ๋์์ต๋๋ค. 1. github-page repository ์์ฑ repository name: 2. gatsby template ์ ํ gatsby templateโฆ
April 30, 2022
Gatsby๋ JAM Stack์ ํ์ฉํ ์ ์ ์ฌ์ดํธ ์์ฑ ํ๋ ์์ํฌ JAM Stack? : JavaScript : API : Markup JavaScript, API, HTML์ด๋ CSS ๋ฑ์ ์นญํ๋ MarkUp์ผ๋ก ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ฑํ๋ ์คํ Jamstack is an architecture designed to make the web fasteโฆ
April 20, 2022
HTML์ด๋ HTML(HyperText Markup Language)์ ์น์ ์ด๋ฃจ๋ ๊ฐ์ฅ ๊ธฐ์ด์ ์ธ ๊ตฌ์ฑ ์์๋ก, ์น ์ฝํ ์ธ ์ ์๋ฏธ์ ๊ตฌ์กฐ๋ฅผ ์ ์ํ ๋ ์ฌ์ฉํ๋ค. HTML ์ด์ธ์ ๋ค๋ฅธ ๊ธฐ์ ์ ์ผ๋ฐ์ ์ผ๋ก ์น ํ์ด์ง์ ๋ชจ์/ํํ (CSS), ๋๋ ๊ธฐ๋ฅ/๋์ (JavaScript)์ ์ค๋ช ํ๋ ๋ฐ ์ฌ์ฉ๋๋ค. DOM์ด๋ โDocument(HTML)์ ์ ๊ทผํด์, Obโฆ
April 10, 2022
์๋ฐ์คํฌ๋ฆฝํธ๋ โ์นํ์ด์ง(HTML)์ ์๋๊ฐ์ ๋ถ์ด๋ฃ๊ธฐ ์ํดโ ๋ง๋ค์ด์ง ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ ๋๋ค. ์ค๋๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ธ๋ผ์ฐ์ ํ๊ฒฝ์์ ๊ฐ์ฅ ๋๋ฆฌ ์ฌ์ฉ๋๋ ์ธ์ด์ด๋ฉฐ, ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ธ๋ผ์ฐ์ ๋ฟ๋ง ์๋๋ผ ์๋ฒ์์๋ ์คํํ ์ ์์ต๋๋ค. ์ด ์ธ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ์์ง(JavaScript engine)์ด๋ผ ๋ถ๋ฆฌ๋ ํน๋ณํ ํ๋ก๊ทธ๋จ์ด ๋ค์ด ์๋ ๋ชจ๋ ๋๋ฐ์ด์ค์์๋ ๋์โฆ
April 03, 2022
1. ์น ๋ธ๋ผ์ฐ์ ๋์์๋ฆฌ ์ ๋ ฅํ ์ฌ์ดํธ์ ์๋ฒ๋ก๋ถํฐ index.html์ ๊ฐ์ ธ์ค๋ฉฐ html ํ์ผ์ ์ข ์๋ ํ์ผ(js, css, image ๋ฑ)์ ๋ง๋ ๋๋ง๋ค ์๋ฒ๋ก ๋ฅผ ๋ณด๋ด ๋ฐ์์จ๋ค. ์น ํด๋ผ์ด์ธํธ ํ์ํ ํ์ผ๋ค(html,js,css...)์ ๋ค์ด๋ฐ์ ํด์(๋ ๋๋ง)ํ์ฌ ์ฌ์ฉ์์๊ฒ ๋ณด์ฌ์ฃผ๋ ํ๋ก๊ทธ๋จ(๋ธ๋ผ์ฐ์ ) ์น ์๋ฒ ํด๋ผ์ด์ธํธ์ ์์ฒญ(url)์ ๋ฐ๋ผ โฆ