목록전체 글 (298)
\(@^0^@)/
🐱👓 옵셔널 체이닝을 배우기 전, 알아야 할 falsey 값 ✨ 옵셔널 체이닝 (Optional Chaining) 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있다. 옵셔널 체이닝은 옵셔널 내부의 내부의 내부로 옵셔널이 연결되어 있을 때 유용하게 활용할 수 있다. 🤔 옵셔널 체이닝을 쓰지 않아서 발생한 문제의 예시들 ( 옵셔널 체이닝이 필요한 이유 ) 1. 사용자가 여러 명 있는데, 그중 몇 명은 이메일 정보가 없음. => 그럴 경우, 이메일을 등록하지 않은 유저의 이메일 정보에 접근하면 에러가 발생 2. JS를 사용하여 페이지에 존재하지 않는 요소에 접근해, 요소의 정보를 가져오려 할 때 (옵셔널 체이닝이 나오기 전에는 && 연산자를 사용했지만, 코드가 아주 길어진다는 단점이 있음) l..
해당 데이터를 토대로 깊은 복사와 얕은 복사에 대해 알아보자! ✨ 참조 ✨ 얕은 복사 const a = []; const b = 'hi'; const c = {}; const arr = [a, b, c] // 껍데기 [ 부분은 복사되지만, 배열 안의 a, b, c는 참조 // 문자열, 숫자형, boolean, null, undifined 같은 원시값(객체가 아닌 값)들은 // 애초에 참조가 없기 때문에 복사가 된다. // 정리하자면, 얕은복사는 b 는 원시값이기에 복사가 되지만, // a의 [], c의 {}는 객체이기때문에 복사가 되지 않는다. ✨ 깊은 복사 객체 안에 객체가 들어있을 경우, 깊은 복사를 이용한다. 간단한 객체는 JSON.parse(JSON.stringify(객체))를 사용해도 크게 문제..
MDN이 보기 쉽고, 잘 나와있는 것 같아서 대부분 캡처해서 가져옴. 🧐 2021년 1월 10일과 2021년 3월 1일은 며칠 차이가 날까? 미래의 날짜 (2021년 3월 1일)에서 과거의 날짜 (2021년 1월 10일)을 빼야 함. 두 날짜의 차이를 구해 1000 밀리초, 60초, 60분, 24 시간으로 나누면 결과 값이 나온다. 디데이 계산 할 때 참고 : https://mo-world.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%82%A0%EC%A7%9C-%EC%8B%9C%EA%B0%84-%EB%8D%94%ED%95%98%EA%B8%B0-%EB%B9%BC%EA%B8%B0-%EB%B0%A9%EB%B2%95-j..