๋จ์ด์ ๋จ์ด ์ฌ์ด๋ฅผ '-'๋ฅผ ์ด์ฉํ์ฌ ์ฐ๊ฒฐ
html๊ณผ css์์ ์ฃผ๋ก ์ฌ์ฉ
๋จ์ด์ ๋จ์ด ์ฌ์ด์ ์ธ๋๋ฐ๋ฅผ ์ฌ์ฉํ์ฌ ์ฐ๊ฒฐ
html๊ณผ css์์ ์ฃผ๋ก ์ฌ์ฉ
์ฒซ๊ธ์๋ ์๋ฌธ์, ๊ทธ ๋ค์๋ถํฐ ์ค๋ ๋จ์ด๋ค์ ๋๋ฌธ์๋ก
js์์ ์ฌ์ฉ
์ฒซ๊ธ์๋ถํฐ ๋ชจ๋ ๋๋ฌธ์๋ก ํ๊ธฐ
js์์ ์ฌ์ฉ
0๊ธฐ๋ฐ ๋ฒํธ ๋งค๊ธฐ๊ธฐ. ํน์ํ ๊ฒฝ์ฐ๋ฅผ ์ ์ธํ๊ณ 0๋ถํฐ ์ซ์๋ฅผ ์์ํ๋ค.
ctrl
+ /
//ํ ์ค ๋ฉ๋ชจ
/* ํ ์ค ๋ฉ๋ชจ*/
/**
*์ฌ๋ฌ ์ค
* ๋ฉ๋ชจ 1
* ๋ฉ๋ชจ 2
*/
๋ฌธ์ ๋ฐ์ดํฐ. ๋ฐ์ดํ๋ฅผ ์ฌ์ฉํ๋ค.
์ซ์ ๋ฐ์ดํฐ. ์ ์ ๋ฐ ๋ถ๋์์์ ์ซ์๋ฅผ ๋ํ๋ธ๋ค.
true, false ๋๊ฐ์ง ๊ฐ๋ฐ์ ์๋ ๋ ผ๋ฆฌ ๋ฐ์ดํฐ.
๊ฐ์ด ํ ๋น๋์ง ์์ ์ํ๋ฅผ ๋ํ๋ธ๋ค. ๊ฐ์ด ์๋ค.
์ด๋ค ๊ฐ์ด ์๋์ ์ผ๋ก ๋น์ด์์ ์ ์๋ฏธํ๋ค.
๊ฐ์ฒด ๋ฐ์ดํฐ. ์ฌ๋ฌ ๋ฐ์ดํฐ๋ฅผ {Key:Value} ํํ๋ก ์ ์ฅ๋ ๋ฐ์ดํฐ๋ค์ ์งํฉ.
[์ฌ๋ฌ ๋ฐ์ดํฐ] ๋ฅผ ์์ฐจ์ ์ผ๋ก ์ ์ฅํ๋ค.
์์ฝ์ด
ํน๋ณํ ์๋ฏธ๋ฅผ ๊ฐ์ง๊ณ ์์ด, ๋ณ์๋ ํจ์ ์ด๋ฆ ๋ฑ์ผ๋ก ์ฌ์ฉํ ์ ์๋ ๋จ์ด
ex) this, if, break...
// ๋งค๊ฐ ๋ณ์๋ฅผ ๊ฐ๋ ํจ์
function sum(a, b) {
// x, y๋ ๋งค๊ฐ๋ณ์(Parameters)
return (a + b);
}
let x = sum(1, 2); // 1๊ณผ 2์ ์ธ์(Arguments)
// ๊ธฐ๋ช
ํจ์
// ํจ์ ์ ์ธ
function hello(){
console.log('hello');
}
// ์ต๋ช
ํจ์. ๋ฐ์ดํฐ๋ก์ ํ์ฉ. ๋ณ์์ ํ ๋นํ์ฌ ์ฌ์ฉ
// ํจ์ ํํ. ํจ์์ ์ด๋ฆ์ด ์์ผ๋ฉด ํจ์๋ฅผ ํํํ๋ค๊ณ ํ๋ค
let world = function (){
console.log('world');
}
์กฐ๊ฑด์ ๊ฒฐ๊ณผ์ ๋ฐ๋ผ ๋ค๋ฅธ ์ฝ๋๋ฅผ ์คํํ๋ ๊ตฌ๋ฌธ
if, else ๋ฅผ ์ฌ์ฉํ์ฌ ๊ตฌ๋ฌธ์ ์์ฑํ ์ ์๋ค.
if (์กฐ๊ฑด) {
๋ด์ฉ;
}
๊ดํธ ์์ ์กฐ๊ฑด์ด true์ด๋ฉด ์คํํ๋ค.
์๋ฐ์คํฌ๋ฆฝํธ์์ HTML์ ๋ค๋ฃจ๋ ๋ช
๋ น๋ค.
โ
defer : ๊ฐ์ ธ์จ JSํ์ผ์ HTML ๋ฌธ์ ๋ถ์ ์ดํ์ ์คํํ๋๋ก ์ง์ํ๋ HTML ์์ฑ
method chaining
๋ฉ์๋๋ฅผ ์ฒด์ธ์ฒ๋ผ ์ฐ๊ฒฐํด์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ.
๋ถ๋ฆฌํด์ ์ฌ์ฉํ๋ฉด ์ฝ๋๊ฐ ๊ธธ์ด์ง๊ธฐ ๋๋ฌธ์, ์งง๊ฒ ์์ฑํ๊ธฐ ์ํ์ฌ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ.
const a = 'Hello~';
//split : ๋ฌธ์๋ฅผ ์ธ์ ๊ธฐ์ค์ผ๋ก ์ชผ๊ฐ์ ๋ฐฐ์ด๋ก ๋ฐํ
//reverse : ๋ฐฐ์ด์ ๋ค์ง๊ธฐ
//join : ๋ฐฐ์ด์ ์ธ์ ๊ธฐ์ค์ผ๋ก ๋ฌธ์๋ก ๋ณํฉํด
const b = a.split('').reverse().join(''); // ๋ฉ์๋ ์ฒด์ด๋
console.log(a); //Hello~
console.log(b); //~olleH