frontend 3

[FEconf2025] 컨퍼런스 참석 및 세션 별 후기

들어가며회사와 집을 오가는 일상이 어느새 익숙한 루틴이 되어버렸다.그러다 보니 집에 오면 묘한 보상심리에서 “온/오프는 확실하게 해야지!”라는 다짐과 함께, 개발과는 전혀 상관없는 취미 생활에만 몰두하게 되곤 했다.그런데 문득, 이렇게 놀기만 하다가는(?) 어느 순간 우물 안 개구리가 되어버릴 수도 있겠다는 생각이 들었다.개발자가 된 이후로 나는 이 우물 안 개구리 상태를 특히 경계하게 됐다.아무래도 컴퓨터 언어로 다양한 문제를 마주하고 해결해야 하는 직업이다 보니 흐름을 놓치면 나는 그저… 대과거 사람이 되는 것 같달까? 허허그래서 나는 누군가의 경험을 듣고, 그 안에서 인사이트를 얻는 걸 좋아한다.교육이든 컨퍼런스든 뭔가 열린다는 소식을 들으면 “일단 가보자”는 마음으로, 기회가 닿을 때마다 참석하려..

ETC 2025.08.25

고민 많은 3년차 프론트엔드 개발자의 테스트 코드 도입 과정 (feat. 더이상 미룰 수 없다.)

0. 들어가며2년째 멈춰 있던 내 개발 블로그 .... 반성 또 반성벌써 만 3년 차 개발자가 되었는데(말도 안된다!!!!) 그동안 겪었던 여러 고민과 경험을 기록해 보려고 한다.미래의 나에게 동기부여가 될 수 있고, 또 누군가에게는 작은 공감이 되길 바라면서!이번 글에서는 프로젝트를 하면서 테스트 코드를 도입하게 된 배경과, 고민했던 전략들을 솔직하게 풀어내려고 했다.글이 조금 길고 서술 위주일 수 있지만, 내 이야기를 나누며 함께 생각해 보는 시간이 되면 좋겠다.1. 도입 배경작년 초까지 플랫폼 서비스를 개발하면서, 서비스 특성상 안정성에 대한 고민이 깊어졌다. 이 고민은 자연스럽게 테스트 주도 개발(TDD) 방법론에 대한 관심으로 이어졌고, 그 결과 NextStep의 테스트 코드 수업을 수강하게 되..

개발회고📚 2025.08.01

[CSS] pointer-events를 사용해서 마우스 이벤트 방지 및 제어하기

pointer-events ? 해당 속성을 통해 마우스 이벤트(hover, click, drag 등)에 어떻게 동작할지 지정할 수 있다. 다만, 대부분의 속성 값은 SVG 전용이기 때문에 기본 html 태그에는 none 또는 auto 값만 설정할 수 있다. [속성 값] none : 요소가 포인터 이벤트의 대상이 되지 않는다. 그러나 해당 요소의 자손이 다른 pointer-events 값을 지정한 경우, 그 자손은 대상이 될 수 있다. auto : 요소가 pointer-events 속성을 지정하지 않은 것처럼 행동한다. inherit : 부모 요소로부터 pointer-events 값을 상속받는다. (더 많은 속성 값은 https://developer.mozilla.org/en-US/docs/Web/CSS/..

CSS 2022.12.18