html ์์ ํ์ด๋ณด๋ฉฐ ๋ณต์ต ๐โโ๏ธ
CSS flex ์ ๋ฆฌ ๐โโ๏ธ
js ํฌ๋กฌ ํ๋ก์ ํธ ์์ - ๊ฐ๋ฅํ๋ค๋ฉด ์ด๋ก ๊น์ง(์ด๋ก ์ต๋ 2์ผ) - ์ด๋ก ์๋ฃ ๐โโ๏ธ
javascript ์์ ํ์ด๋ณด๋ฉฐ ๊ณต๋ถ - Declare string variables ๊น์ง ๐โโ๏ธ
Codecademy ๋ก ์ด๋ก ๊ณต๋ถ ๐
โโ๏ธ
freecodecamp ์์ html ์์ ํ๋ฉฐ ๋ณต์ต
javascript ์ ์ํฅ๋ ฅ์ด ์ปค์ก๋ค
๋ชจ๋ ์ปดํจํฐ๊ฐ ์ด ์ธ์ด๋ฅผ ์ดํดํ๋ค
์น ๋ฟ๋ง ์๋๋ผ ๊ฒ์์ด๋ ์ฑ์ interactive ํ๊ฒ ๋ง๋ค ์ ์๋ค
ES5, ES6
์
๋ฐ์ดํธ ๋ฒ์ ? ์ ๋ํ๋ด๋ ๊ฒ
๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์๋ ์๋ฐ์คํฌ๋ฆฝํธ์ด๋ค
์๋ฐ์คํฌ๋ฆฝํธ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ํ๋ ์์ํฌ๋ ํ์ฅ ๊ฐ์ ์กด์ฌ
๊ทธ๋์ ๋ฐ๋๋ผ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ฅ์ํ๊ฒ ๋ค๋ฃฐ ์ค ์์์ผ ํ๋ค
๋ชจ๋ ์น์ ๋ฒ ์ด์ค๊ฐ ๋๋ ์ธ์ด
๋ณ์ ์ ์ธ์๋ let ๊ณผ const ๊ฐ ์๋ค
๋ณ์๋ฅผ ์ ์ธํ ๋๋ ๊ธฐ๋ณธ์ ์ผ๋ก const ๋ฅผ ์ธ ๊ฒ
float ๋ ์์์ ์ ๊ฐ์ง๊ณ ์๋ ์ซ์
const num = 5.1;
_array
๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๋ ๊ณณ ๋ฆฌ์คํธ
๋ณ์๋ช
์ ์ธ์ ๋ ์๋ฌธ์๋ก ์์ํด์ ์ค๊ฐ์ ๋๋ฌธ์๋ก ์์ํ๋ ๋จ์ด๋ฅผ ๋ถ์
const peopleNumber = 3;
์ฌ๋ฌ ๋ฐ์ดํฐ๋ฅผ ํ๋๋ก ๋ฌถ๋ ๊ฒ
const something = "hi"
const daysOfWeek = ["์ด ์์๋ ๋ฐ์ดํฐ ํ์
๋ง ์ธ ์ ์์", "Monday",12, true, something];
console.log(daysOfWeek[2]); // 12 ์ถ๋ ฅ - 0๋ถํฐ ์ถ๋ฐ
_object
๊ฐ value ์ ๊ฐ์ ์ค ์ ์๋ค
const userInfo = {name:"Pin", age:25, gender:"Male"};
console.log(userInfo.gender); // Male ์ถ๋ ฅ
userInfo.gender = "Female";
console.log(userInfo.gender); // Female ์ถ๋ ฅ
์ซ์๋ ๋ฌธ์ or ture,false ๋ฅผ ๋ํ๋ฉด ๋ฌธ์๊ฐ ๋๋ค
5 + 'Hi' //"5Hi"
'Hi' + true // "Hitrue"