「프론트엔드 테스트 제대로 하기」 시리즈의 5편입니다. 전체 목차 보기 · 용어집 현실의 코드는 기다립니다. API 응답을 기다리고, 타이머를 기다리죠. 그래서 비동기 테스트는 프론트엔드에서 가장 먼저 부딪히는 벽인데, 어렵게 느껴지는 이유는 사실 딱 하나예요 — “언제 검증하느냐”. 답이 도착하기 전에 채점하면, 빈 답안지를 채점하는 셈이 되거든요. 이 글 하나로 Promise 검증(resolves/rejects), 가짜 타이머, 실패 케이스까지 — 기다리는 코드를 다루는 무기를 전부 챙깁니다. ...
「프론트엔드 테스트 제대로 하기」 시리즈의 4편입니다. 전체 목차 보기 · 용어집 단위 테스트는 모든 테스트의 출발점입니다. 함수 하나를 앞에 두고 “이 입력이면 이 출력"을 못 박는, 가장 작고 가장 빠른 검증이죠. 이 글 하나로 단위 테스트가 무엇인지부터 순수 함수·AAA 패턴·경계값까지, 실전 코드로 기초를 완성합니다. ...
「프론트엔드 테스트 제대로 하기」 시리즈의 3편입니다. 전체 목차 보기 · 용어집 React + Vite + TypeScript 프로젝트에 테스트 환경을 붙이는 과정을 빈 폴더에서 첫 통과까지 통째로 따라 하는 글입니다. Vitest·Testing Library·jsdom을 설치하고, 설정 파일을 줄 단위로 이해하고, 첫 테스트를 초록불로 만들고, 세팅에서 자주 막히는 지점까지 — 이 글 하나로 끝나요. ...
「프론트엔드 테스트 제대로 하기」 시리즈의 2편입니다. 전체 목차 보기 · 용어집 지난 편에서 “왜 테스트인가"를 이야기했다면, 이번엔 현실적인 질문입니다. “그래서 뭘, 얼마나 테스트해야 하죠?” 시간은 유한하고, 모든 걸 테스트할 수는 없으니까요. ...
「프론트엔드 테스트 제대로 하기」 시리즈의 부록입니다. 본문을 읽다가 낯선 용어를 만나면 언제든 이 페이지로 돌아오세요. 전체 목차 보기 프론트엔드 테스트를 배우다 보면 낯선 용어가 쏟아집니다. mock과 stub은 뭐가 다른지, getBy와 queryBy는 언제 갈리는지, 커버리지 숫자는 왜 그대로 믿으면 안 된다는 건지 — 그런 용어들을 이 페이지 하나에 전부 모았습니다. 항목마다 “이게 뭔지"에서 멈추지 않고 “왜 필요한지”, “언제 쓰는지"까지 담았어요. ...
정보통신기술자 특급 취득 여정을 마치며 “이건 끝이 아니라 시작"이라고 말씀드렸었죠. 그 다음 단계를 시작합니다. 바로 정보통신설비 유지보수 관리자예요. ...
「프론트엔드 테스트 제대로 하기」 시리즈의 1편입니다. 전체 목차 보기 · 용어집 “테스트요? 지금도 잘 돌아가는데요.” 한 번쯤 해봤거나, 들어봤을 말이죠. 저도 오랫동안 그랬습니다. 눈으로 보고, 손으로 클릭해보고, “어 되네” 하면 그걸로 충분하다고 생각했어요. 그런데 기능이 늘고, 코드를 고칠 때마다 “이거 고치면 저쪽이 안 터지나?” 하는 불안이 스멀스멀 올라오기 시작하면, 그때가 바로 테스트가 필요해지는 순간입니다. ...
2편 마지막에서 저는 2차 교육 대기번호 10번을 받고 기다리고 있었습니다. 그런데 끝내 제 순번은 돌아오지 않았어요. 결국 그 기수는 포기하고, 다음 기수에서야 수업을 듣게 됐습니다. ㅎㅎ 2차 교육은 신청 타이밍이 얼마나 중요한지 몸소 겪은 셈이죠. ...
이 글은 제가 직접 돈 주고 산 제품을 한동안 써본 뒤 작성한 내돈내산 리뷰입니다. 협찬이나 제공은 전혀 없었고, 좋았던 점과 아쉬운 점을 솔직하게 적었습니다. 들어가며: 또 타이머를 샀습니다 집중이 잘 안 될 때 가장 손쉽게 꺼내 드는 도구가 타이머죠. “25분만 집중하고 5분 쉬자"는 뽀모도로 기법, 한 번쯤 들어보셨을 거예요. 그런데 막상 해보면 문제는 의외로 단순한 데서 생깁니다. 타이머를 켜는 것부터가 귀찮다는 것. ...
이 글은 출판사로부터 도서를 제공받아 작성한 서평입니다. 도서는 무료로 제공받았고, 평가는 솔직하게 적었습니다. 들어가며: 서평단에 당첨됐습니다 솔직히 고백하면, 저는 경영서보다는 기술도서를 더 자주 접합니다. 내가 가지고 있는 종이책과 전자책 대부분이 웹표준, 접근성, 자바스크립트 같은 것들이거든요. 그런데 『전략적 피벗』이라는 제목을 본 순간 잠깐 멈칫했습니다. ‘피벗(Pivot)‘이라는 단어가, 요즘 제 커리어를 설명하는 단어와 너무 닮아 있었거든요. ...