01. 화살표 함수로 반복문을 단순하게 만들어라화살표 함수(Arrow Function)는 ES6(ECMAScript 2015)에서 도입된 JavaScript의 중요한 기능으로, 함수를 더 간결하게 작성할 수 있게 해줍니다. 기존의 함수 선언 방식에 비해 많은 부분을 생략하여 코드를 더 읽기 쉽고 관리하기 쉽게 만들어줍니다.화살표 함수의 기본 문법기존의 함수 선언 방식과 화살표 함수를 비교해보면 차이점이 명확히 드러납니다:// 기존 함수 선언 방식function capitalize(name) { return name[0].toUpperCase() + name.slice(1);}// 화살표 함수 방식const capitalize = (name) => { return name[0].toUpperCa..

01. 거짓 값이 있는 조건문을 축약하라프로그래밍을 시작하면서 우리는 조건문을 활용해 특정 정보에 적합한 결과를 찾는 과정을 반복합니다. 값을 비교할 때는 ==(동등 연산자)로 값만 비교하고, ===(일치 연산자)로 자료형까지 함께 비교합니다.참과 거짓으로 돌아가서, 빈 문자열은 false와 동등하지만 일치하지는 않습니다. 즉, 빈 문자열은 거짓값이라는 것이죠. 아래 코드를 확인해보세요:'' == false // true if('') { return '난 false가 아니야'} else { return '내가 false라니ㅠㅠ 이게 무슨 말이요'}// '내가 false라니ㅠㅠ 이게 무슨 말이요'가 반환됩니다. MDN에서 정의하는 거짓값은 다음과 같습니다:falsenull0NaN'' (빈 문자열)"" ..

1. 객체를 이용해 정적인 키-값을 탐색해라배열에 값을 담으면 그 위치만으로는 의미를 알기 어려울 때가 많아. 한번 살펴보자.const colors = ['#d10202','#19d836'];이 안에 있는 '#d10202'가 대체 뭘까? 적색 계열인 것 같지만 색상 코드를 모른다면 이게 뭔지 알 수가 없다. 사용자 정보를 담은 배열처럼 구조적으로 유사하고 다른 데이터와 교체해도 괜찮은 경우와 다르게, 위에서 사용한 색상들은 각각 서로 다른 목적으로 사용자에게 값을 표시하기 위해 쓰이게 된다.이럴 경우 키-값을 사용하는 게 이해하기 제일 쉽다. 원칙적으로 객체는 변화가 없고 구조화된 키-값 데이터를 다루는 경우에 매우 유용하다. 반면 자주 갱신되거나 실행되기 전에는 알 수 없는 동적인 정보를 다루기엔 쓰기..

1. 배열로 유연한 컬렉션을 생성하라 이번에는 배열의 유연성을 극대화하는 방법에 대해 살펴보려고 한다. 원래 JavaScript에서는 데이터 컬렉션을 다루는 구조는 배열과 객체 두 가지밖에 없었다. 하지만 지금은 Map, Set, WeakMap, WeakSet 등이 추가로 들어왔다. 컬렉션을 선택할 때는 어떤 정보로 어떤 작업을 할지 생각해봐야 한다.  추가, 제거, 정렬, 필터, 교체 등을 해야 한다. 당신의 선택은 당연히 배열일 것이고, 배열을 사용하지 않더라도 반드시 배열에 적용되는 개념을 빌려야 한다. 배열은 놀라운 수준의 유연성을 갖추고 있다. 순서를 갖기 때문에 이를 기준으로 추가 또는 제거를 할 수 있고, 모든 위치에 값이 있는지 확인도 가능하다.  배열 메서드의 강력함: map, filte..

01. const로 변하지 않는 값을 표현해라 과거 변수를 할당할 수 있는 방법이 var를 사용하는 것밖에 없었지만 지금은 let과 const를 사용하면서 선택지가 늘었다. 그중 대부분의 경우에는 const를 선택하는 게 좋다고 한다. 나도 평소에 const를 많이 쓰긴 했지만 이유는 딱히 없었는데 책에서 나온 이유는 const로 많은 것을 할 수 있는 게 아니라 가장 적은 것을 할 수 있기 때문이라고 한다. 이게 무슨 소리인가 했지만 const가 가장 코드를 읽기 쉽게 만드는 제약사항이 있다고 한다.   const의 장점: 명확한 의도 전달재할당을 할 수 없는 const를 기본적으로 선택하면 좋은 이유는 값을 할당하고 변경하지 않을 것이라는 점을 표시하면 추후 그 코드를 볼때 이것은 걸러도 되는 코드다..

웹에서 백그라운드 알람을 하려면 2가지 방법이 있다..참고로 아래있는거는 ai한테 기본적인거는 가져왓으니 대충봐라... 코드만... 보면 ㅠㅠㅠ 1. FCM(Firebase Cloud Messaging)FCM은 Google에서 제공하는 크로스 플랫폼 메시징 솔루션으로, 안정적이고 배터리 효율적인 방식으로 메시지를 전송할 수 있습니다. 작동 방식서비스 워커 등록: 브라우저에서 Service Worker를 등록하고 FCM 토큰을 받습니다.토큰 저장: 서버에 토큰을 저장하여 특정 사용자에게 메시지를 보낼 수 있도록 합니다.메시지 전송: 서버는 FCM API를 통해 메시지를 전송합니다.알림 표시: 서비스 워커가 메시지를 수신하고 브라우저 알림을 표시합니다.장점배터리 효율성: 지속적인 연결이 필요 없어 배터리 소..