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..