⏳ 2023. 5. 8. - 2023. 5. 14. 해피해피해피~ 드디어 시작된 자바스크립트 강의. 쿸쿸쿸 그동안 웹을 다루는 언어들은 클론 코딩 or 실전 박치기를 통해 학습했다. 그러다보니 항상 기초가 부족하다는 생각을 하고 있었는데, 필수 강의를 보고 나면 기초가 탄탄해지는 느낌이라 기분이 좋다. 24시간이 모자라 필수 강의가 js를 다룰 때부터 선택 강의도 js 파트에 들어가고 싶었지만.. 아무래도 노력이 조금(아니.. 많이?) 부족했던 것 같다. ㅜㅜ 그렇다고 파트를 스킵하기엔 선택 강의에서 다루는 내용이 주옥같아서 놓치고 싶지 않다!! 토요일에 백엔드 개발자로 일하고 있는 친구를 만났다. 개발자가 되는 과정을 들었는데, 하루에 3시간도 안 자면서 공부했다고 하니.. 더 많은 공부 시간을 만들어..

⏳ 2023. 5. 8. - 2023. 5. 14. for 반복문 for of // for of const fruits = ["Apple", "Banana", "Cherry"]; for (const fruit of fruits) { console.log(fruit); } for of를 사용하면 배열에서 코드를 우아하게 작성할 수 있다. for in // for in const user = { name: "iam454", age: 90, isValid: true, email: "realseogy@gmail.com", }; for (const key in user) { console.log(key); console.log(user[key]); } for in을 사용하면 객체에서 코드를 우아하게 작성할 수 있..

⏳ 2023. 5. 8. - 2023. 5. 14. // 선택적 체이닝(Optional Chaining) const obj = {}; console.log(obj.name); // undefined const isNull = null; const isUndefined = undefined; // console.log(isNull.name); ❌ error // console.log(isUndefined.name); ❌ error console.log(isNull?.name); // undefined console.log(isUndefined?.name); // undefined 객체 데이터의 없는 속성을 점 표기법으로 불러오면 undefined이다. 그러나 null이나 undefined는 점 표기법을 사..

⏳ 2023. 5. 8. - 2023. 5. 14. 구조 분해 할당(Destructing assignment) 배열에서 const arr = [1, 2, 3]; const [a, b, c] = arr; // const a = arr[0]; // const b = arr[1]; // const c = arr[2]; console.log(a, b, c); // 1 2 3 불필요한 코드를 줄일 수 있다! const arr = [1, 2, 3]; // 할당하고 싶지 않은 값에 대해서는 순서에 맞춰 ,로 구분해서 작성해야 한다. let [, b, c] = arr; console.log(b, c); // 2 3 // 전개 연산자를 사용할 수 있다. let [a, ...rest] = arr; console.log(a..

⏳ 2023. 5. 8. - 2023. 5. 14. 연산자 산술 // 산술(Arithmetic) console.log(1 + 2); // 3 console.log(3 - 5); // -2 console.log(3 * 4); // 12 console.log(10 / 2); // 5 console.log(7 % 5); // 2 할당 // 할당(Assignment) const a = 1; let b = 3; b = b + 1; b += 1; b -= 1; b *= 4; b /= 2; b %= 3; 증감 // 증감(Increment & Decrement) let a = 5; console.log(a++); // 5 console.log(a); // 6 console.log(++a); // 7 console.lo..

⏳ 2023. 5. 8. - 2023. 5. 14. 기본적으로 typeof 연산자를 사용하여 데이터 타입을 확인할 수 있다. console.log(typeof "HELLO"); // string console.log(typeof 123); // number console.log(typeof false); // boolean console.log(typeof undefined); // undefined console.log(typeof null); // object console.log(typeof []); // object console.log(typeof {}); // object console.log(typeof function () {}); // function 그러나 null, [], {}은 모두..

⏳ 2023. 5. 8. - 2023. 5. 14. js에는 boolean 데이터 이외에도 논리값을 결정할 수 있는 Truthy와 Falsy라는 개념이 있다. 쉽게 말해서 Truthy는 true 같은 것.. Falsy는 false 같은 것이다. Falsy가 아닌 모든 값은 Truthy이므로, Falsy만 알아두면 된다! 0 -0 0n(BigInt) null undefined NaN ""

⏳ 2023. 5. 8. - 2023. 5. 14. const a = 1; const b = "1"; console.log(a == b); // true console.log(a === b); // false js에서 ==는 동등 연산, ===는 일치 연산을 의미한다. 동등 연산의 경우, 데이터 타입을 바꾸어가며 값이 일치하는지 비교한다. 일치 연산의 경우, 형 변환이 일어나지 않고 데이터 타입과 값이 모두 일치하는지 비교한다.