본문 바로가기

분류 전체보기171

[ JavaScript ] Math. Math.abs() : 절댓값 반환 Math.ceil() : 소수점 올림(큰 정수 반환) Math.floor() : 소수점 내림(작은 정수 반환) Math.round() : 반올림한 가장 가까운 정수 반환 Math.trunc() : 소숫점 버리고 정수 반환 Math.ceil(-7.004) // -7 Math.floor(-5.05) //-6 Math.round(-5.05) //-5 Math.round(-5.5) // -5 Math.trunc(-0.123) //-0 Math.log() : base e , 0이상이면 -Infinity 반환, 음수면 NaN 반환 Math.log10() : base 10 , 음수면 NaN 반환 Math.log2 : base 2 Math.log10(100).. 2023. 10. 24.
웹 푸시 알림 Web Push Notification 란? 푸시 알림이란? 푸시 알림의 유형 A2P (어플리케이션 대 개인): 애플리케이션 또는 서비스에서 개별 사용자에게 전송된다. 예시) 뉴스 및 알림, 프로모션 메세지,거래 메세지 등 P2P (개인 대 개인): 한 사용자로부터 다른 사용자에게 직접 전송된다. => 일반적으로 수신자에게 이벤트/활동을 알린다. 예시) 채팅 메시지, 친구 요청, 미리 알림 및 위치 업데이트 등 푸시 알림 꼭 필요할까? 이커머스에서 매우 유용한 마케팅 도구입니다. 사용자와의 상호작용을 높여줍니다. ( 사용자들에게 앱에 대한 유용한 정보나 혜택,할인 쿠폰 등을 제공함 ) => 이커머스 기업의 판매 활동을 촉진, 고객 충성도 높일 수 있다. 웹 푸시 vs 앱 푸시, ... 메시지를 발송/수신하는 채널이 다르다. 앱 푸시: 스마트 기기에.. 2023. 10. 24.
[ Korean FE Articles ] 웹 푸시는 이제 iOS17에서 사용할만합니다 요약) 더 이상 플래그/실험적 기능이 필요하지 않습니다. 웹 푸시를 지원하력 할 때 가장 큰 문제는 iOS 16에서 API가 기본적으로 비활성화되어 있다는 점입니다. 다행히 iOS17부터는 기본적으로 활성화되어 있습니다. 홈 화면에 추가는 여전히 필요하며, 여전히 알려지지 않았습니다. 사용자가 홈 화면에 추가되어 있거나, 홈 화면에서 실행된 웹앱만이 웹 푸시를 활성화하는 데 필요한 모든 API를 활용할 수 있다. => 남용 방지 but 사용성에 대한 효과를 제한 이제 (대부분) 기능 탐지가 가능합니다. iOS 16의 웹 푸시는 위의 제한 사항이 적용되었을 때 API 사용이 가능하지만 효과적으로 구현할 수 없었습니다. 다행히 이 문제는 해결된 것으로 보입니다. // 서비스 워커가 지원됩니다 if(!"ser.. 2023. 10. 24.
[ React ] Rendering Lists (feat. key ) key 란 ? a string or a number that uniquely identifies it among other items in that array 중요한 이유 This becomes important if your array items can move (e.g. due to sorting), get inserted, or get deleted. A well-chosen key helps React infer what exactly has happened, and make the correct updates to the DOM tree. lets React identify the item throughout its lifetime 리스트 렌더링할 때 key 값 만드는 방법 => 리스트에 직접 .. 2023. 10. 24.
HTMX vs React 보호되어 있는 글 입니다. 2023. 10. 24.
[ Algorithm ] 정렬 알고리즘과 시간 복잡도 분석 보호되어 있는 글 입니다. 2023. 10. 24.