프론트엔드를 하다 보면 z-index를 아무리 높여도 요소가 안 올라오는 경험, 다들 한 번쯤 해보셨을 거예요.그 이유는 바로 쌓임 맥락(Stacking Context) 때문입니다. 🌀 쌓임 맥락이란?​HTML/CSS에서 요소들이 화면에 표시될 때, 2D가 아닌 가상의 3차원 공간(z축) 위에 배치됩니다.이때 요소들의 위계 관계를 쌓임 맥락이라는 개...

“객체를 생성할 때 직접 만들지 않고, 누가 대신 만들어 준다면?”바로 의존성 주입(Dependency Injection, DI)의 시작입니다. https://www.elancer.co.kr/blog/detail/158 ✅ 의존성(Dependency)이란?예를 들어, A 객체가 어떤 작업을 수행하기 위해 B 객체를 필요로 한다면, 우리는 “A는 B에...

“Next.js에서 클라이언트와 서버 사이의 경계를 무너뜨리는 방법이 있을까?”Server Action을 활용하면 가능합니다. 오늘은 이 기능에 대해 알기 쉽게 정리해봅니다. 🔍 Server Action이란?Server Action은 Next.js 13/14에서 도입된 기능으로,서버에서만 실행되는 비동기 함수입니다.클라이언트에서 fetch()로 AP...

안녕하세요, [매일매일] 백엔드 기술일기입니다.오늘은 스프링의 핵심 기능 중 하나인 @Transactional의 동작 흐름을 AOP 기반으로 풀어보려 합니다. 이 개념은 단순히 어노테이션 하나 붙이는 걸 넘어서, 스프링 AOP와 트랜잭션 추상화의 깊은 이해가 필요한 주제입니다. 🧩 핵심 질문 @Transactional 어노테이션은 내부적으로 어떻게...

이번 포스트에서는 Call by Value, Call by Reference, Call by Sharing 개념을 예제 기반으로 명확하게 정리합니다.​안녕하세요, [매일매일] 기술일기입니다.오늘은 자바스크립트 함수 호출 방식인 Call by Value, Call by Reference, 그리고 Call by Sharing 개념을 다룰 거예요.​예제를 ...

​ 매일 아침 ☀️ ‘매일메일’에서 받은 질문 #177을 학습·정리해 블로그에 기록합니다.오늘 주제는 “에러 해결 능력은 어떻게 키우나요?” 입니다. 전략 패턴이란?​전략 패턴(Strategy Pattern) 은 객체의 행위를 동적으로 변경하고 싶은 경우, 코드를 직접 수정하는 것이 아닌 추상화된 전략의 구현만을 바꿔 객체의 행위를 변경하는 디자인...

오늘의 트렌드

처음으로 올리는 글입니다! ✨

🎯 오늘의 학습 목표 오늘은 GitHub Actions에서 발생한 HTML-Proofer 오류를 하나씩 해결하면서 블로그 배포를 성공시킨 과정을 정리해보겠습니다. GitHub Pages로 Jekyll 블로그를 배포할 때 자주 발생하는 문제들과 그 해결 방법을 단계별로 정리했습니다. 📚 핵심 개념 🔍 HTML-Proofer란? HTML-Proof...