์ปดํฌ๋ํธ ์์๋ฅผ ๋ณด๋ฉฐ ๊ธฐ๋ณธ๊ตฌ์กฐ ํ์ ํ๊ธฐ!
TypeScript์ ๋ํด ์์๋ณด๊ธฐ ์ ์ ํ์ ์คํฌ๋ฆฝํธ๊ฐ ๋์ค๊ฒ ๋ ๋ฐฐ๊ฒฝ์ ์ดํด๋ณด์. JavaScript๋ ์๋ ํด๋ผ์ด์ธํธ ์ธก ์ธ์ด๋ก ๋์ ๋์์ผ๋, Node.js์ ๊ฐ๋ฐ๋ก ์ธํด JS๋ ์๋ฒ ์ธก ๊ธฐ์ ๋ก๋ ํ์ฉ ํ ์ ์์ด์ก๋ค. ๊ทธ๋ฌ๋ JS ์ฝ๋๊ฐ ์ปค์ง์๋ก ์์ค ์ฝ๋๊ฐ ๋ ๋ณต์กํด์ ธ์ ์ฝ๋๋ฅผ ์ ์ง, ๊ด๋ฆฌ, ์ฌ์ฌ์ฉํ๊ธฐ๊ฐ ์ด๋ ค์์ก๋ค. ๋์ฑ type ๊ฒ์ฌ ๋ฐ ์ปดํ์ผ...
React์ SSR(Server Side Rendering)์ ์ฝ๊ฒ ๊ตฌํํ ์ ์๊ฒ ๋์์ฃผ๋ ํ๋ ์์ํฌ.
์ค์ ์ฝ๋๋ฅผ ์์ฑํ๊ธฐ ์ ํ ์คํธ ์ฝ๋๋ฅผ ๋จผ์ ์์ฑํ๊ณ ,๊ทธ ํ ์คํธ ์ฝ๋๋ฅผ ํจ์คํ ์ ์๋ ์ค์ ์ฝ๋๋ฅผ ์์ฑํ๋ ๊ฐ๋ฐ๋ฐฉ์ํ ์คํธ ์ฝ๋ ์์ฑ > ํ ์คํธ ์คํ Fail > ํ ์คํธ ์ฝ๋์ ๋ง๋ ์ฝ๋ ์์ฑ > ํ ์คํธ ์คํ PassTDD๋ฅผ ํ๋ฏ๋ก ์ธํด ๋ง์ ๊ธฐ๋ฅ์ ํ ์คํธํ๊ธฐ์ ์์ค
๐ผ CSS ๊ตฌ์กฐ(Architecture) ๐ผ CSS ์ ์ฒ๋ฆฌ๊ธฐ(CSS preprocessor)
๐ผ npm npm์ด๋? NPM์ Node Package Manager์ ์ฝ์์ด๋ค. ์๋ฐ์คํฌ๋ฆฝํธ ํจํค์ง ๋งค๋์ ์ด๊ณ NodeJS์์ ์ฌ์ฉํ ์ ์๋ ๋ชจ๋๋ค์ ํจํค์งํํ์ฌ ๋ชจ์๋ ์ ์ฅ์ ์ญํ ์ ํ๋ฉฐ ์ค์น/๊ด๋ฆฌ๋ฅผ ์ํํ ์ ์๋ CLI๋ฅผ ์ ๊ณตํ๋ค. ํจํค์ง ์ค์น npm i
HTTPS HTTPS๋ ๊ธฐ๋ณธ ๊ณจ๊ฒฉ์ด๋ ์ฌ์ฉ ๋ชฉ์ ๋ฑ์ HTTP์ ๊ฑฐ์ ๋์ผํ์ง๋ง, ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ๋ ๊ณผ์ ์ โ๋ณด์โ ์์๊ฐ ์ถ๊ฐ๋์๋ค๋ ๊ฒ์ด ๊ฐ์ฅ ํฐ ์ฐจ์ด์ ์ด๋ค. HTTPS๋ฅผ ์ฌ์ฉํ๋ฉด ์๋ฒ์ ํด๋ผ์ด์ธํธ ์ฌ์ด์ ๋ชจ๋ ํต์ ๋ด์ฉ์ด ์ํธํ๋๋ค. ์ฐ๋ฆฌ๊ฐ ํน์ ํ์ผ์ ์ํธ๋ฅผ
git์ด๋ ๋ฒ์ ๊ด๋ฆฌ ์์คํ ์ผ๋ก ํ๋ก๊ทธ๋๋ฐ์ ํ๋ฉฐ ๊ทธ๋๊ทธ๋ ์์ ์ฌํญ์ ๊ธฐ๋กํ๊ณ ๋ฒ์ ์ ์ ์ฅํ๊ธฐ ์ํด ์ฌ์ฉํ๋ค.$git initํ์ฌ ์ฌ์ฉ ์ค์ผ๋ก ์ด๋ ค์๋ git์ ํด๋ ๊ฒฝ๋ก๋ฅผ ํ์ธํ๋ ๋ช ๋ น์ด์ด๋ค.$git config --global user.email(์ฌ์ฉํ๋ ์ด๋ฉ์ผ)$g
๐ผ ๊ตฌ๋ฌธ(Syntax)๊ณผ ๊ธฐ๋ณธ ๋ฌธ๋ฒ ๐ผ DOM ์กฐ์ ๋ฐฉ๋ฒ ๋ฐฐ์ฐ๊ธฐ ๐ผ Fetch API / Ajax(XHR) ๋ฐฐ์ฐ๊ธฐ ๐ผ ๋ชจ๋๋ฌ JavaScript์ ES6+ ๋ฐฐ์ฐ๊ธฐ ๐ผ ๊ฐ๋ ์ดํดํ๊ธฐ ํธ์ด์คํ ์ด๋ฒคํธ ๋ฒ๋ธ๋ง ์ค์ฝํ ํ๋กํ ํ์ Shadow DOM Strict
CSS ๊ธฐ์ด ๋ฐฐ์ฐ๊ธฐ ๋ ์ด์์ ๋ง๋ค๊ธฐ floats Positioning Display CSS Grid Flex Box ๋ฐ์ํ ๋์์ธ๊ณผ ๋ฏธ๋์ด์ฟผ๋ฆฌ
๐ผ ๊ธฐ์ด ๋ฐฐ์ฐ๊ธฐ ๐ผ ์๋ฏธ๋ก ์ (Semantic)์ธ HTML ์์ฑ ๐ผ ํผ๊ณผ ์ ํจ์ฑ ๊ฒ์ฌ ๐ผ ์ปจ๋ฒค์ ๊ณผ ๋ชจ๋ฒ ์ฌ๋ก(Best Practice) ๐ผ ์ ๊ทผ์ฑ ๐ผ ๊ธฐ๋ณธ SEO
๐ผ์ธํฐ๋ท์ ์ด๋ป๊ฒ ์๋๋ ๊น์? ๐ผHTTP๋ ๋ฌด์์ผ๊น์? ๐ผ๋ธ๋ผ์ฐ์ ์ ๋์ ์๋ฆฌ ๐ผDNS์ ์๋ ์๋ฆฌ ๐ผ๋๋ฉ์ธ ๋ค์์ ๋ฌด์์ผ๊น์? ๐ผํธ์คํ ์ ๋ฌด์์ผ๊น์?
๋ก๋๋งต ์ถ์ฒ๋ ์ฌ๊ธฐ!
์ํ ์์ธํ์ด์ง๋ ์์ด๋ ์์นญํ ๋ ์ด๋ฐ์์ผ๋ก ๊ฐ ๋๊ธฐ๊ณ ๋ฐ๋ ์ชฝ์์ ์ด๋ฐ์์ผ๋ก ํ์ฑ
๐ ์์ ํ๊ฒฝ ๐front-end : reactback-end : spring๋ฐฐํฌํ๊ฒฝ : ubuntu 20.04 / apache์ดํํ๋ฅตํํํ๋๋ฅผ ๊ดด๋กญ๊ฒ ํ ์ค๋์ ๋ฌธ์ ๋ฅผ ์๊ฐํ๋คlocal์์๋ api๋ ํต์ ์ ํด์ ๊ฐ ์๋ง ๋ฐ์์ค๋๋๋ง,,๋น๋ํด์ ์๋ฒ์ ์ฌ๋ฆฌ๋๊น
๋ฆฌ์กํธ ๋ค์ด๊ฐ๊ธฐ ์ ์ ์ต์ ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ ์ ๋ํด ๊ณต๋ถํด๋ณด์ :D (์,,์ ๋๋ค,,)