킹의 개발일지

항해 끝, 새로운 시작10주간의 여정이 끝이났다. 매일 퇴근 후 과제를 하면서, 10주만 버티자는 오기는 어느새 블랙 뱃지를 얻고자하는 의지로 변해 있었고, 모든 과정을 해결하기 위해 부단한 노력을 기울이는 나를 발견할 수 있었다.그런 내 모습이 자랑스럽고 좋았다. 퇴근 후 빈둥대던 모습은 없고 간단히 밥먹고 노트북을 키며 과제를 하는 습관이 생겼다. 빈둥대던 시간을 차지한 이 습관은 돈으로는 살 수 없는 귀중한 것이라 생각한다. 항해를 끝마치며, 지금까지 일들을 되짚어 가며 글을 작성한다. 항해 그 이전처음 개발을 시작하게된 계기는 단순히 게임을 만들어보고 싶어서다. '내가 좋아하는 게임'을 찾아다니며 이 게임 저 게임 갈아타다가 '다른 게임들이 나를 만족 못시키면 내가 만들면 되지 않을까' 하는 생각..

프론트엔드 테스트 코드 (feat: vitest, react testing library, TDD)이번 챕터의 주제는 '테스트'이다. 테스트 코드는 '테스트 짤 시간이 어딨어.. ㅜㅜㅜㅜ' 하며, 언젠가는 해야할 일 리스트에 항상 있던 녀석이다. 이전에 토이 프로젝트에서 맛이라도 보자 싶어 jest를 써봤던 기억이 있는데, 이번 과제 진행에 조금이라도 도움이 됐었다. 이번 과제에선 통합테스트, 단위 테스트에 집중 했다. 과제 프로젝트의 규모가 시각적 회귀, e2e를 시도하기엔 턱없이 작았다. 그래도 e2e는 맛보기로 써보긴했다. 통합테스트를 진행하면서 가장 힘들었던점은 component를 렌더링하고 테스트하고 싶은 요소를 select하는 과정이 아닌가 싶다. ...ByText, Role, LabelTex..