hyonie's Stack 👩🏻‍💻

[Git] 사용하지 않은 브랜치 정리하기

Git 브랜치를 정리할 때는 로컬 브랜치와 원격 브랜치를 정리하는 방법이 조금 다릅니다. 각각의 경우에 따라 자주 사용하는 명령어들을 정리하였습니다.📂 목차 1. 현재 브랜치 확인git branch # 로컬 브랜치 목록git branch -r # 원격 브랜치 목록git branch -a # 전체 브랜치 목록 (로컬 + 원격) 2. 로컬 브랜치 삭제git branch -d 브랜치이름 # 안전하게 삭제 (병합된 브랜치만)git branch -D 브랜치이름 # 강제로 삭제 (병합 안된 것도) 3. 원격 브랜치 삭제git push origin --delete 브랜치이름 4. 안 쓰는 로컬 브랜치 일괄 삭제 (예: 병합된 것들)git branch --merg..

📂 목차 시간 조건에 따라 버튼활성화 or 비활성화 커스텀 훅 예제 코드import {useState, useEffect} from "react";export const useTimeRestrictedToggle = () => { const [isEnabled, setIsEnabled] = useState(false);useEffect(()=>{ const checkIsHoliday = (date: Date) => { const month = date.getMonth() + 1; const day = date.getDate(); // 공휴일 (신정, 설날, 추석, 등) const isNewYear = month === 1 && day === ..

리액트를 쓰다 보면 리렌더링 될 때마다 함수나 계산이 다시 실행되는 현상 때문에 성능 이슈가 생기는 경우가 있습니다. 특히 .filter() 나 .map(), .sort()처럼 반복 계산이 많은 연산은 불필요하게 반복되면 리액트의 퍼포먼스를 갉아먹습니다.그래서 등장하는 게 바로 ⭐useMemo 입니다.실무에서 자주 쓰이는 useMemo의 개념과 예제에 대해 어떻게 쓰이는지 정리하였습니다.📂 목차 useMemo란?const memoizedValue = useMemo(() => { return 계산식;}, [의존성])💡 한마디로 말하면?"의존성 값이 바뀔때만 다시 계산되는 값" 을 만들어서, 불필요한 계산을 막아주는 훅 🔍 왜써야할까?리액트는 컴포넌트가 리렌더링될 때마다 내부 코드를 다시 실행하는데,..

📂 목차 예시 쿼리 확인하기WITH RankedData AS ( SELECT a.OrderID, c.SafeKey, ROW_NUMBER() OVER (PARTITION BY a.OrderID ORDER BY c.SafeKey) AS rn FROM SalesDB.dbo.Orders a LEFT OUTER JOIN SalesDB.dbo.CreditCheckResult b ON a.CreditCheckID = b.ID LEFT OUTER JOIN SalesDB.dbo.SafeKeyLog c ON c.SafeKey = b.SafeKey WHERE a.OrderID IN ( 10001, 10002, 100..

📂 목차 hasOwnProperty란?자바스크립트의 모든 객체(Object)는 상위 객체인 object로부터 여러 메서드(기능)를 물려받습니다. 그 중 하나가 hasOwnProperty()입니다. const user = { name: "Hyonie",};console.log(user.hasOwnProperty("name")); // trueconsole.log(user.hasOwnProperty("toString")); // false👉 이 메서드는 해당 속성이 직접 정의된 것인지 확인해줍니다.(상속된 속성은 false로 판단) ❗ 문제는 여기서부터 시작됩니다.const params = { hasOwnProperty: () => false, id: 123,};console.log(params..

JavaScript를 공부하다 보면 가끔 이런 생소한 문법을 보게 됩니다:(() => { // 뭔가 실행되는 코드})(); 처음 보면 이게 도대체 뭐지.....? 싶은데요, 즉시 실행 함수 표현식 이라고 불리는 문법입니다.이번글에서는 IIFE가 무엇인지, 왜 쓰는지, 언제 유용한지 정리해보록 하겠습니다.📂 목차 즉시 실행 함수 표현식이란?즉시 실행 함수 표현식(IIFE)은 정의하자마자 바로 실행되는 함수를 말합니다. ✅ 문법 형태(fucntion() { console.log("즉시 실행됩니다!");})(); 또는 화살표함수 버전으로도 쓸 수 있습니다:(() => { console.log("이것도 즉시 실행!");})();  🔍 왜 사용하는 걸까?한번 만 실행되는 초기화 코드를 만들고 싶을 떄전역..

자바스크립트에서 중복되지 않는 값을 저장하고 싶을 때, 배열만 사용하면 불편할 때가 있습니다.이럴때 Set 객체를 활용하면 간단하고 효율적으로 데이터를 관리할 수 있습니다. 이번 글에서는 Set의 기본 사용법과 has()메서드에 대해 쉽게 정리해 보겠습니다.📂 목차 🧩 new Set() 이란?Set은 중복을 허용하지 않는 값들의 집합을 만들어주는 객체입니다.const mySet = new Set([1,2,3,3,4]);console.log(mySet); //Set(4) {1,2,3,4}위 예시처럼, 중복된 값 3은 하나만 저장됩니다. 📌 기본 문법const setName = new Set(iterable); // 반복할수 있는 값(string, Array, Set, Map) 예시:const usi..

📂 목차 1. Request.UserAgent (ASP.NET 서버 측)Request.UserAgent는 사용자가 접속한 브라우저나 디바이스의 정보를 문자열 형태로 반환해주는 ASP.NET 속성입니다.사용위치: ASP.NET 서버코드(C#)역할: HTTP 요청 헤더에서 User-Agent 정보를 가져옴예시string userAgent = Request.UserAgent;결과: PC접속 시 아래 참고 PC 접속시:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36 이 문자열 안에는 다음과 같은 정보가 포함되어 있습니다:운영체제 (예: Windows, Andr..

📂 목차 1. MasterPage란?ASP.NET Web Form에서는 여러 페이지에서 반복되는 UI 요소들 (예를 들면 헤더, 메뉴, 푸터, 스크립트 등..)을 한 곳에서 통합 관리할 수 있는 기능인 MasterPage를 제공합니다.마스터페이지는 웹사이트 전체의 공통 레이아웃(틀) 을 정의하는 HTML구조입니다.각 페이지는 해당 틀을 기반으로 자신의 콘텐츠만 채워 넣는 방식으로 구성됩니다. 💬 쉽게 비유하자면?MasterPage = 웹사이트의 설계도ContentPlaceHoder = 비어 있는 캔버스자식페이지 = 그 캔버스에 그림을 그리는 개별 콘텐츠 페이지즉, Main.master만 수정하면 모든 페이지에 공통으로 반영되기 때문에 유지보수가 매우 편리합니다!  2. 기본 구조 살펴보기 2-1. 마..

자바스크립트에서 배열을 다룰 때 자주 사용되는 findIndex()와 includes() 이둘은 비슷해 보이지만 엄연히 다릅니다.이번 글에서는 이 두 메서드의 동작원리와 함께 차이점을 알아보도록 하겠습니다. 📂 목차  ❓ findIndex vs includes 차이점은?구분findIndex()includes()목적조건에 맞는 요소의 인덱스를 반환배열이나 문자열에 해당 값이 있는지 여부를 반환반환값인덱스(0, 1, 2, ...) 또는 -1true 또는 false사용대상배열배열 또는 문자열콜백사용✅ 가능❌ 불가능(값만체크) 💡 findIndex란?findIndex는 조건에 맞는 첫 번째 요소의 인덱스를 반환합니다.조건을 만족하는 요소가 없다면 -1을 반환합니다.배열을 순회하면서 콜백 함수의 조건이 참(t..