완로그
article thumbnail
[카카오테크캠퍼스 5주차] JavaScript 마스터: for of, for in

⏳ 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을 사용하면 객체에서 코드를 우아하게 작성할 수 있..

article thumbnail
[카카오테크캠퍼스 5주차] JavaScript 마스터: 선택적 체이닝

⏳ 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는 점 표기법을 사..

article thumbnail
[카카오테크캠퍼스 5주차] JavaScript 마스터: 구조 분해 할당

⏳ 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..

article thumbnail
[카카오테크캠퍼스 5주차] JavaScript 마스터: 연산자

⏳ 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..

article thumbnail
[카카오테크캠퍼스 선택과정] 애플 예제: 시작하기

git과 github를 사용하려고 했는데.. 띠용 github가 안들어가짐.. 그렇게 알게 된 새로운 사이트 https://www.githubstatus.com/ https://github.com/iam454/apple-ipad-app GitHub - iam454/apple-ipad-app Contribute to iam454/apple-ipad-app development by creating an account on GitHub. github.com assets.zip 다운로드 word-break 영어는 단어마다 자연스럽게 줄바꿈이 되지만, 한글은 아니다. word-break: keep-all;을 적용하는 것으로 한글도 단어마다 줄바꿈 할 수 있다!

article thumbnail
[카카오테크캠퍼스 5주차] JavaScript 마스터: 데이터 타입 확인

⏳ 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, [], {}은 모두..

article thumbnail
[카카오테크캠퍼스 5주차] JavaScript 마스터: Truthy & Falsy

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

article thumbnail
[카카오테크캠퍼스 5주차] JavaScript 마스터: 형 변환(Type Conversion)

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