๐ฉ Javascript
javascript๋?
๐ ์ค๋ช
- ์๋ฐ์คํฌ๋ฆฝํธ(JavaScript)๋ ๊ฐ์ฒด(object) ๊ธฐ๋ฐ์ ์คํฌ๋ฆฝํธ ์ธ์ด์
๋๋ค.
HTML๋ก๋ ์น์ ๋ด์ฉ์ ์์ฑํ๊ณ , CSS๋ก๋ ์น์ ๋์์ธํ๋ฉฐ, ์๋ฐ์คํฌ๋ฆฝํธ๋ก๋ ์น์ ๋์์ ๊ตฌํํ ์ ์์ต๋๋ค.
- ํ ์ค์ฉ ์คํํ๋ ์ธํฐํ๋ฆฌํฐ ์ธ์ด.
๐ ์ฐธ๊ณ ๋งํฌ & ๋์์ด ๋๋ ๋งํฌ
๐ฉ ํ๋ฉด์ ์ถ๋ ฅํ๋ ๋ฐฉ๋ฒ
document.write()
๐ ์ค๋ช
- ๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋
- ํ๋ฉด์ ๊ธ์จ๋ฅผ ์ถ๋ ฅํ ์ ์๋ค.
โ๏ธ ์ฌ์ฉ๋ฒ
์
๋ ฅ
document.write('hello world');
์ถ๋ ฅ
- ์ด๋ฏธ์ง๋ก ๋์ฒด
๐ ์ฐธ๊ณ ๋งํฌ & ๋์์ด ๋๋ ๋งํฌ
๐ฉ javascript ๋ณ์
var / let / const
๐ ์ค๋ช
- javascipt์์ ๊ฐ์ ์ ์ฅํ๋ ๊ณต๊ฐ. ์๋ฃ๋ฅผ ์ ์ฅํ ์ ์๋ ์ด๋ฆ์ด ์๋ ๊ธฐ์ต์ฅ์์ด๋ค.
var
- ํ์ฌ ์ฌ์ฉ์ด ๊ถ์ฅ๋์ง ์๋ ๋ณ์์ด๋ค. (๊ฑฐ์ ์ฌ์ฉx) ์ฌ์ ์ธ, ์ฌ์ฌ์ฉ์ด ๊ฐ๋ฅํ๋ค.
var a = 12;
a = 10;
var a = 12;
var a = 10;
let
- ์ ์ธ๋ ๋ธ๋ก ๋ด์์๋ง ์ฌ์ฉ ๊ฐ๋ฅํ ๋ณ์
- ๊ฐ์ ์ฌํ ๋น(์
๋ฐ์ดํธ) ํ ์ ์์ง๋ง ์ฌ์ ์ธ์ ๋ถ๊ฐ๋ฅํ๋ค.
๊ทธ๋ฌ๋ ๋ค๋ฅธ ๋ฒ์์์ ์ฌ์ ์ธ์ ๊ฐ๋ฅํ๋ค.
let a = 12;
a = 10;
let a = 12;
let a = 10;
const
- ์ ์ธ๋ ๋ธ๋ก ๋ด์์๋ง ์ฌ์ฉ ๊ฐ๋ฅํ ๋ณ์
- ์ฌ์ ์ธ๊ณผ ์ฌ์ ์ ์ ๋ถ ๋ถ๊ฐ๋ฅํ ๋ณ์์ด๋ค.
- ๊ฐ์ฒด์ ์์ฑ์ ์
๋ฐ์ดํธ๊ฐ ๊ฐ๋ฅํ๋ค.
const a = 12;
a = 10;
const a = 12;
const a = 10;
a = {
number: one;
}
a.message = "hello world";
โ๏ธ ์ฌ์ฉ๋ฒ
์
๋ ฅ
var a = 12;
let b = 12;
const b = 12;
๐ ์ฐธ๊ณ ๋งํฌ & ๋์์ด ๋๋ ๋งํฌ
๐ฉ Node.js
node.js
๐ ์ค๋ช
- Node.js๋ Chrome V8 JavaScript ์์ง์ผ๋ก ๋น๋ ๋ JavaScript ๋ฐํ์์
๋๋ค.
- ์ฆ ๋
ธ๋๋ฅผ ํตํด ๋ค์ํ ์๋ฐ์คํฌ๋ฆฝํธ ์ ํ๋ฆฌ์ผ์ด์
์ ์คํํ ์ ์๋ค.
โ๏ธ ์ฌ์ฉ๋ฒ
node.js ์ค์น ๋ฐฉ๋ฒ
- node.js ํํ์ด์ง์ ์ ์ํ์ฌ ํ์ผ์ ๋ค์ด๋ฐ๊ณ ์ค์นํ๋ค.
์ค์น ํ์ธ์ ํฐ๋ฏธ๋์์ node -v
๋ฅผ ์์ฑํ ํ ์ํฐํ๋ฉด node์ ๋ฒ์ ์ด ๋์จ๋ค.
์์ฑ ํด๋ ์์์ shift ์ฐํด๋ฆญ ํ๋ฉด powershell๋ก ์ด๊ธฐ๊ฐ ๋จ๋๋ฐ, ํด๋ฆญ ํ powershell์์ code ์น๋ฉด vscode๊ฐ ์ด๋ฆผ
-> code ๋์ code . ์ ์น๋ฉด ํด๋น ํด๋๊ฐ ์ด๋ฆผ
nodemon
๐ ์ค๋ช
- js ํ์ผ์ html์ ๊ฒฐํฉํ์ง ์๊ณ ๋จ๋
์ผ๋ก ๊ฒฐ๊ณผ๊ฐ์ ๋ณด๊ธฐ ์ํด ์ค์นํ์ฌ ์ฌ์ฉํ๋ค.
โ๏ธ ์ฌ์ฉ๋ฒ
node.js ์ค์น ๋ฐฉ๋ฒ
- ํฐ๋ฏธ๋์
npm install nodemon -g
๋ฅผ ์์ฑํ์ฌ ์ค์นํ๋ค.
์ค์น ํ์ธ์ nodemon -v
๋ฅผ ์์ฑํ ํ ์ํฐํ๋ฉด nodemon์ ๋ฒ์ ์ด ๋์จ๋ค.
- ์คํ ๋ฐฉ๋ฒ์
nodemon ํ์ผ๋ช
.js
๋ก ์คํํ๋ค.
์ด๋ ํฐ๋ฏธ๋์ powershell ๋์ cmd๋ก ๋ณ๊ฒฝํ์ฌ ์ฌ์ฉํด์ผ ์ค๋ฅ๊ฐ ๋์ง ์๋๋ค.
- nodemon์ ์ข
๋ฃํ๊ณ ์ถ๋ค๋ฉด ํฐ๋ฏธ๋์์ ctrl+c๋ฅผ ๋๋ฅด๋ฉด ์ข
๋ฃ๋๋ค.
code>data>stack>heap(๋ฉ๋ชจ๋ฆฌ)
code/data ์ ์ ์ธ๊ทธ๋จผํธ
stack/heap ๋์ ์ธ๊ทธ๋จผํธ
code : ์์ฑํ ์ฝ๋๊ฐ ๋ค์ด๊ฐ๋ ๋ถ๋ถ. read only
data : ์ ์ญ๋ณ์(global), ์ ์ ๋ณ์(static), ๋ฐฐ์ด(array), ๊ตฌ์กฐ์ฒด(structure) ๋ฑ์ด ์ ์ฅ
ํจ์ ๋ด (mainํจ์ ํฌํจ)๋ณ์๋ค์ ํด๋นx
stack : ์ง์ญ๋ณ์, ๋งค๊ฐ๋ณ์, ๋ณต๊ท ๋ฒ์ง ๋ฑ์ด ์ ์ฅ๋์ด ์๋ ํ๋ก๊ทธ๋จ์ด ์๋์ผ๋ก ์ฌ์ฉํ๋ ์์ ๋ฉ๋ชจ๋ฆฌ. Last In First Out ์ ์ฑ
์ ์ฌ์ฉ
heap : ํ๋ก๊ทธ๋๋จธ๊ฐ ๋์ ์ผ๋ก ์ฌ์ฉํ๋ ์์ญ
malloc, free ๋๋ new, delete ์ ์ํ์ฌ ํ ๋น, ๋๋ ๋ฐํ๋๋ ์์ญ์ด์ง์.