res.send(): send์ ์ ํด์ง argument์ ๋ฐ๋ผ์ Content-type์ด ์๋์ ์ผ๋ก ๋ง๋ค์ด์ง๋ค. res.json(): json์ด ์๋ ๊ฒ๋ json ํ์์ผ๋ก ๋ฐ๊พธ์ด์ ๋ณด๋ด์ค๋ค. ์ฆ content-type ํค๋๋ฅผ application/JSON์ผ๋ก ๊ณ ์ ํ๋ค
http๋ node.js์์ ์ฌ์ฉํ๋ ์๋ฒ ๋ชจ๋๋ก http ์น ์๋ฒ๋ฅผ ์์ฑํ๋ ๊ฒ๊ณผ ๊ด๋ จ๋ ๋ชจ๋ ๊ธฐ๋ฅ์ ๋ด๋นํ๋ค.http ๋ชจ๋์ server๊ฐ์ฒด, request ๊ฐ์ฒด, response๊ฐ์ฒด๋ฅผ ์ฌ์ฉํ๋ค.Express ๋ชจ๋์ด๋ http ๋ชจ๋์ฒ๋ผ ์๋ฒ ๋ชจ๋์ด๋ค.http์ ๋ค๋ฅธ
UI๋ User Interface์ ์ฝ์์ด๋ฉฐ ์ปดํจํฐ๋ผ๋ ์์คํ ๊ณผ ์ฌ์ฉํ๋ ์ฌ๋์ ์ ์ ์ ์กด์ฌํ๋ค. ์ฌ๋์ด ์๊ฐํ๋ ๊ฑธ ์ปดํจํฐ์๊ฒ ์ ๋ฌํ๋ ์ ๋ ฅ์ฅ์น, ์ปดํจํฐ์ ์ํ๋ฅผ ์ฌ๋์๊ฒ ์ ๋ฌํ๋ ์ถ๋ ฅ์ฅ์น๊ฐ ๋ฐ๋ก UI๋ค. ์ฆ, ์ฌ์ฉ์๊ฐ ์ ๊ทผํ๋ ๋ฐฉ๋ฒ์ ๋งํ๋ค.API๋ Applicat
ํ๋ก๊ทธ๋๋ฐ์ ์์ด์ ๊ธฐ๋ณธ์ ์ธ ํ๋ฆ์ ํ์ ํ๊ธฐ ์ํด ๊ผญ ์์๋์ด์ผ ํ ๊ฒ๋ค์ ์ ๋ฆฌํด ๋ณด๋ ค๊ณ ํ๋ค.event loop๋ Callback Event Loop์์ ํ๋์ฉ ๊บผ๋ด์ ์คํ์ํค๋ ๋์์ ๋งํ๋ค. ์ฝ๋๋ฅผ ์คํํ๋ฉด Stack์ ์ฒ๋ฆฌํด์ผํ ์ด๋ฒคํธ๊ฐ ์์ด๊ฒ ๋๊ณ ๋น๋๊ธฐ ์์
javaScript is synchronous Excute the code block by orger after hositing. hositing: var ํจ์, function๋ฑ ์ ์ธ๋ค์ด ์ ์ผ ์๋ก ์ฌ๋ผ๊ฐ๋ ๊ฒ //Async callback ex) setTimeo
1.FullStack 3๊ธฐ ํ๊ณ ์ ์์ wecoded์ ๋ค์ด์ค๊ธฐ ์ ๋ถํฐ front-end developer๊ฐ ๋๊ณ ์ ์คํ๋ผ์ธ์ฝ์ค๋ฅผ ๋ฑ๋กํ๋ ค ํ์ง๋ง ๊ฐ์ฅ ๋น ๋ฅธ ์๊ธฐ๊ฐ ๋ด๋ ์ด๋ถํฐ ์์์ด๋ผ ๊ณ ๋ฏผํ๋์ค ์จ๋ผ์ธ fullstack ์ฝ์ค๋ ๋ฑ๋ก์ด ๋น ๋ฅด๊ฒ ๊ฐ๋ฅํ๋ค๊ณ ํ์ฌ ํธ๋ค๋ฅ ์์๋ณธ
๋ก์ปฌ์์ ๊ด๋ฆฌ๋๋ ๋ฒ์ ๊ด๋ฆฌ์์คํ (VSC: Version Control System) ์ผ๋ก ๋์ ์ปดํจํฐ์์ ์์ ํ ๋ฌธ์ or ์ฝ๋๋ค์ ์์ , ์ถ๊ฐ ๋ฑ์ commit ํ ๋๋ง๋ค ๊ธฐ์ตํด ๊ด๋ฆฌํด์ฃผ๋ ์์คํ ์ด๋ค. commit์ด๋ ์ ์ฅ์์ ์์ค ์ฝ๋์ ์ผ๋ถ์ ์ต์ ๋ณ๊ฒฝ์ฌํญ์ ๋ฉ์ธ
Directory์ reactํ๋ก๊ทธ๋จ์ ์ค์น ํ terminal์์ >
์ฝ๋ ์์ ๋ฌผ์ github์ commitํ๋ค๋ณด๋ฉด ๋ฉ์ธ์ง๋ฅผ ์๋ชป์ ๋ ฅํ๊ฑฐ๋ ์์ ์ด ํ์ํ ๊ฒฝ์ฐ๊ฐ ์๊ธด๋ค. ํน์ ์๋ชป์ ์ message๋ฅผ ์ธ์งํ์ง ๋ชปํ๊ณ pushํ์ฌ github ํ์ด์ง์์ ์๋ชป์์ฑํ commit message๋ฅผ ํ์ธํ๋ ๊ฒฝ์ฐ๋ ์๊ธด๋ค. ์ด๋ด๊ฒฝ์ฐ์ ์ด๋ป๊ฒ ํ
ํด๋์ค๋ ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ์ ํต์ฌ์ ๋๋ค.๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ์ด๋, ํ๋ก๊ทธ๋จ์ ๊ฐ์ฒด๋ค๋ก ๊ตฌ์ฑํ๊ณ , ๊ฐ์ฒด๋ค ๊ฐ์ ์๋ก ์ํธ ์์ฉ ํ๋๋ก ์์ฑํ๋ ๋ฐฉ๋ฒ์ ๋๋ค.JavaScript๋ ๊ฐ์ฒด์งํฅ ์ค์ฌ์ ์๋ ์ธ์ด๋ ์๋์ง๋ง,ํ๋ก๊ทธ๋๋ฐ์ ์์ด์ Class, ๊ฐ์ฒด, ๊ฐ์ฒด์งํฅ์ ํญ์ ์ค
1.str[index] ๋ฐฐ์ด์ ์ ๊ทผํ๋ฏ์ด ๋ฌธ์์ด ๋ค ๋๊ดํธ์ index๊ฐ์ ๋ฃ์ด์ index์ ํด๋นํ๋ ๋ฌธ์๋ฅผ ๋ฐํํ๋ค. ๐Tip) index๊ฐ ๋ฒ์๋ฅผ ๋ฒ์ด๋๋ ๊ฐ์ด ์ ๋ ฅ๋์์๊ฒฝ์ฐ undifined๋ฅผ ๋ฐํํ๋ค. 2.str.charAt(index) 1๋ฒ ๋ฐฉ๋ฒ๊ณผ ๋์ผํ๊ฒ index๊ฐ์ ํด๋นํ๋ ๋ฌธ์๋ฅผ ๋ฐํํ๋ค. ๐Tip) index๊ฐ ๋ฒ์๋ฅผ ๋ฒ์ด๋๋ ๊ฐ์ด...
map๊ณผ forEach method๋ array์ ๋ฐ๋ณต๋ฌธ์ผ๋ก ์ฌ์ฉ๋๋ค.
html์์ ์์ฑํ ์ฌ๋ฌ๊ฐ์ง tag์ ๋์ผํ ๊ฐ์ ์ฃผ๊ณ ์ถ์๋ ๊ฐ์ class name์ ์ฌ์ฉํ๋ค. ์ด ๊ฒฝ์ฐ ๋ด๊ฐ ์ํ๋ n๋ฒ์งธ class name์ ์ ํํ์ฌ ๊ฐ๋ณ๊ฐ์ ๋ถ์ฌํ ์ ์๋ค.์๋ฐ์คํฌ๋ฆฝํธ๋ ์ธ์๋ id, tagName๋ฑ์ ๊ฐ์ง๊ณ ์ ํํ ์ ์๋ ์ฌ๋ฌ ๋ฉ์๋๊ฐ ์
default : 1 (์ค์ ๋ font-size๋ฅผ ๊ธฐ์ค์ผ๋ก)
์์๋ฅผ ์ผ๋ฐ์ ์ธ ๋ฌธ์ ํ๋ฆ์ ๋ฐ๋ผ ๋ฐฐ์นํ๊ณ , ์๊ธฐ ์์ ์ ๊ธฐ์ค์ผ๋ก top, right, bottom, left์ ๊ฐ์ ๋ฐ๋ผ ์คํ์ ์ ์ ์ฉํฉ๋๋ค. ์๋ฅผ๋ค์ด divํ๊ทธ์ relative๋ฅผ ์ฃผ๊ณ width์ height์ ์ฃผ๊ฒ๋๋ฉด ๋ณธ์ธ์ด ์๋ ์๋ ์๋ฆฌ์์ ๊ฐ๋ก์ ์ธ๋ก๊ฐ๋งํผ
๊ทธ๋ ๋ด ๋๊ฐ์ง ๋ฐฉ๋ฒ์ ์ฐจ์ด์ ์ ๋ฌด์์ผ๊น์?์ฐ์ ๊ทธ์ ์ ์ฐ๋ฆฌ๋ semantic Web๊ณผ Semantic Tag์ ๋ํด ์์๋๊ณ ๊ฐ๋ฉด ๋ ์์ํ๊ฒ ์ดํดํ ์ ์์ต๋๋ค.์๋งจํฑ ์น(Semantic Web)์ '์๋ฏธ๋ก ์ ์ธ ์น'์ด๋ผ๋ ๋ป์ผ๋ก, ์ฝ๊ฒ๋งํด ์ปดํจํฐ๊ฐ ์ฌ์ฉํ ์ ์๋ ์ธ
์์์ ์ฅ