본문 바로가기
반응형

전체 글138

자바스크립트 some(), every() 완벽 정리(배열 검사에 꼭 필요한 메서드) 안녕하세요 👋 웹 개발 입문자도 쉽게 이해할 수 있는 자바스크립트 배열 메서드 강좌입니다.오늘은 배열의 조건 검사를 손쉽게 처리할 수 있는 두 가지 메서드, some()과 every()를 비교하면서 배워볼게요 😊📘 some() 메서드란?some() 메서드는 배열의 요소 중 하나라도 조건을 만족하면 true를 반환합니다.// 예제 1️⃣ : 배열 안에 10보다 큰 숫자가 있는지 확인const numbers = [3, 7, 12, 5];const hasLarge = numbers.some(num => num > 10);console.log(hasLarge); // ✅ true (12가 10보다 크기 때문)즉, 조건에 맞는 요소가 단 하나라도 있다면 true를 반환하고, 그렇지 않으면 false를 반환합.. 2025. 10. 20.
모든 브라우저에서 안전하게 날짜/시간 파싱하는 JS 함수 만들기🕒 웹 개발을 하다 보면 PC와 모바일, iOS, Android 등 **모든 환경에서 날짜/시간을 계산**해야 할 때가 있습니다. 특히 iPhone Safari나 iOS Chrome에서는 "YYYY-MM-DD HH:MM:SS" 형식의 문자열을 그대로 new Date()로 처리하면 NaN이 나오는 문제가 있습니다.이번 글에서는 **T 없이도 안전하게 날짜를 파싱하고 시간 계산까지 가능한 범용 자바스크립트 함수**를 만들어보겠습니다.📌 범용 안전 날짜 파싱 함수/** * 범용 안전 날짜 파싱 함수 * 모든 브라우저 호환 (PC, 모바일, iOS, Android, Chrome, Safari) * 지원 형식: * "YYYY-MM-DD HH:MM:SS" * "YYYY-MM-DD HH:MM" * "YYYY.. 2025. 10. 13.
카카오·네이버·구글 통합 소셜 로그인 PHP 예제 이번 글에서는 PHP로 카카오, 네이버, 구글 로그인을 통합 관리하고, 신규 회원 자동 등록 + 추가 정보 모달 입력까지 구현하는 방법을 소개합니다. 😊1️⃣ DB 구조회원 정보를 users 테이블에 저장하고, 소셜 로그인 정보를 user_providers 테이블로 관리합니다.CREATE TABLE users ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(100) NOT NULL, email VARCHAR(150) DEFAULT NULL, phone VARCHAR(20) DEFAULT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAUL.. 2025. 9. 10.
자바스크립트 날짜와 시간 활용법 (Vanilla JS vs jQuery 예제) 웹 개발에서 날짜(Date)와 시간(Time) 처리는 필수적입니다. 이번 글에서는 바닐라 자바스크립트(Vanilla JS)와 jQuery에서 날짜와 시간을 다루는 다양한 활용 예제를 소개합니다.📌 1. 오늘 날짜를 YYYY-MM-DD 형식으로 출력✅ 바닐라 JSlet today = new Date();let formatted = today.getFullYear() + "-" + String(today.getMonth()+1).padStart(2, "0") + "-" + String(today.getDate()).padStart(2, "0");console.log(formatted); // 예: 2025-09-02✅ jQuery$(function() { .. 2025. 9. 2.
[자바스크립트] class명과 name 속성을 함께 사용해 첫 번째 요소 선택하기 HTML에서 같은 class명을 가진 요소가 여러 개 있을 때, 특정 name 속성을 함께 지정하면 원하는 요소를 정확하게 선택할 수 있습니다. querySelector()를 사용하면 조건에 맞는 첫 번째 요소만 간단하게 가져올 수 있습니다.예제 HTML 코드첫 번째 요소 값 가져오기querySelector()는 일치하는 첫 번째 요소만 반환합니다.선택자 설명.memberInput → class 속성이 memberInput인 요소[name="memberName"] → name 속성이 memberName인 요소두 조건을 조합하면 원하는 요소를 정확하게 선택할 수 있습니다.모든 요소 중 첫 번째만 가져오기조건에 맞는 모든 요소를 가져온 후 첫 번째만 사용하려면 querySelectorAll()과 인덱스를 함.. 2025. 8. 14.
PHP로 TSV(Tab-Separated Values) 형식 데이터 화면 출력하기 TSV(Tab-Separated Values) 형식은 CSV와 비슷하지만, 필드 구분자로 쉼표(,) 대신 탭 문자(\t)를 사용합니다.일반적으로 파일로 저장하거나 다운로드하는 경우가 많지만, 이번 글에서는 파일 저장 없이 브라우저 화면에 TSV 형태로 출력하는 방법을 소개합니다.📌 1. 기본 PHP 예제";}?>위 코드를 실행하면 브라우저에서 다음과 같이 보입니다.이름 나이 직업홍길동 30 개발자김영희 25 디자이너박철수 28 마케터📌 2. 보기 좋게 출력하기 (탭 간격 유지)HTML에서 태그 대신 태그를 사용하면, 탭 간격과 줄바꿈이 유지되어 TSV 원본 형식처럼 깔끔하게 보입니다.";foreach ($data as $row) { echo impl.. 2025. 8. 12.
반응형

티스토리툴바