📒솜이노트

2025/12 검색 결과

해당 글 6건

# JS - Array.from()사용, NodeList와 배열의 차이

querySelectorAll() 은 배열처럼 보이지만 “배열이 아니다.”그래서 map(), filter() 같은 배열 전용 메서드를 쓸 수 없다. Array.from() 으로 진짜 배열로 변환하는 과정이 필요하다.1) querySelectorAll()의 반환값은 “NodeList”예를 들어:const checked = document.querySelectorAll(".row-check:checked");checked 는 배열이 아니다.정확한 타입은 NodeList 라는 “유사배열 객체”.유사배열이란:길이(length) 있음인덱스로 접근 가능여러 요소를 담고 있음하지만,map() 없음filter() 없음reduce() 없음즉, 배열처럼 생겼지만 배열이 아니다.2) NodeList와 배열(Array)의 차..

🖥️ 프론트엔드/🟡JS, React 2025. 12. 12. 08:52

# JS - debounce() 함수 완전 정리

프론트엔드 개발하면서 디바운스 함수를 접해보신 적 있나요?스크롤, 검색창 입력, 윈도우 리사이즈처럼 짧은 시간에 반복해서 호출되는 이벤트를 일정 시간 동안 모아서 한 번만 실행하도록 하는 기술입니다.debounce()란?일정 시간 동안 이벤트가 반복 발생해도, 마지막 호출만 실행되게 하는 함수 제어 기법예를 들어, 검색창에 글자를 입력할 때마다 API를 호출하면 서버가 과부하가 걸릴 수 있어요.이때 debounce()를 사용하면 입력이 멈춘 후 특정 시간(예: 300ms)이 지나면 딱 한 번 API를 호출하게 만들 수 있어요.debounce()가 필요한 상황다음과 같이 “너무 자주 실행되는 이벤트”에서 필요합니다. :실시간 검색 API 호출윈도우 리사이즈 이벤트스크롤 이벤트(무한 스크롤, 스크롤 위치 저..

🖥️ 프론트엔드/🟡JS, React 2025. 12. 10. 13:43

# click up(클릭업) - Description(설명란)에 자주쓰이는 명령어 서식 단축키 모음

ClickUp의 Description 창은 마크다운(Markdown) 기반 + 자체 단축키를 지원합니다.아래는 자주 쓰이는 명령어, 서식, 단축키 모음입니다.1. 제목 / 헤딩 (Heading)기능단축키예시제목 1# 공백# 제목제목 2## 공백## 소제목제목 3### 공백### 내용 구분2. 굵게 / 기울임 / 취소선기능단축키문법굵게Ctrl + B**텍스트**기울임Ctrl + I*텍스트*취소선~~텍스트~~~~삭제~~3. 리스트- 불릿 리스트- 아이템- 아이템 - 번호 리스트1. 첫 번째2. 두 번째3. 세 번째4. 체크박스(To-do)- [ ] 할 일- [x] 완료된 일5. 코드 블록 (개발자용 문서 작성할 때 필수)인라인 코드`코드`블록 코드```언어내용```6. 인용문 (Quote)> 인용문 혹은 강..

🪄 잡동사니 2025. 12. 9. 13:13

# FCM Token 기반 푸시 알림 구현 (Expo + Spring Boot For Android)

React Native(Expo) 앱에서 푸시 알림을 구현하려면Firebase Cloud Messaging(FCM) 을 사용하는 것이 가장 안정적인 구조다.여기서는 ExpoPushToken이 아닌 FCM Token 기반으로 푸시를 구현하는 전체 흐름을 정리한다.1. Firebase 기본 설정1) Firebase 프로젝트 생성https://firebase.google.com/ Firebase | Google's Mobile and Web App Development Platform개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요.firebase.google.comFirebase Console → 새 프로젝트 생성필..

🗄️ 백엔드/☕JAVA 2025. 12. 4. 14:32

# JAVA - 메일로 임시 비밀번호 발급하는 방법 (Gmail SMTP)

메일로 임시 비밀번호를 발급하려면 일단 SMTP를 사용해야합니다.저는 구글로 해당 기능을 사용해 보도록 하겠습니다. Gmail SMTPGmail SMTP를 사용하려면 아래 3가지를 충족해야 합니다.구글 계정이 2단계 인증(OTP) 활성화되어 있을 것앱 비밀번호(App Password)를 발급받을 것Spring Boot 메일 설정(application.properties)이 SMTP 규칙에 맞을 것필요한 사전 조건1) 구글 계정에서 2단계 인증 활성화링크: https://support.google.com/accounts/answer/185839?hl=ko&co=GENIE.Platform%3DAndroid→ “2단계 인증” 켜기 2단계 인증 사용 - Android - Google 계정 고객센터2단계 인증을 ..

🗄️ 백엔드/☕JAVA 2025. 12. 3. 11:33

# 인텔리제이(intellij) - 전체파일 단어 일괄 수정하는 방법 (단축키 설정)

상단 메뉴에서Edit - Find - Replace in Files...를 선택한 후해당 창에서 찾으면 되는데 인터넷에서 단축키 검색을 하니까다들 컨트롤 쉬프트 R이라는데 아무리 눌러도 안되더라,,, (캡처에는 설정 후 모습) 보니까 단축키 지정이 안되있는데 나처럼 안되어있는 사람들을 위해단축키 설명하는 방법도 추가로 적겠습니다. File - Settings에서 keymap 검색 보시면 Main Menu라는 목록이 있는데여기서 Edit - Fine 폴더에 Replace in Files...가 있습니다.옆에 단축키가 없으면 비어있을텐데 더블클릭하면요런창이 뜰텐데 이걸 누르고 단축키를 지정해주면 됩니다.

🔍IDE/intelliJ 2025. 12. 2. 15:29