TDD, Cleancode with JavaScript

# 5 / 객체간의 결합도 / 객체를 객체답게?

TDD 시리즈의 5번째 글이다. 틈틈히 다음 단계의 과제를 진행하고 있는데, 몇일 전 받았던 피드백을 정리해보면 좋을 것 같아서 글을 쓴다. 시간이 많이 없어서 그냥 간단하게 쓰고 넘어가겠음... 이어지는 이전 글 # 4 / 함께해요, 리팩토링 😇 + 사담 겸 푸념;; TDD, Cleancode with JavaScript 카테고리의 4번째 글이다. 지난 글에서, 자동차 경주 게임이라는 과제를 진행중이라고 작성했는데 어제 1차 과제 PR을 올리고 리뷰를 받을 수 있었다. 개인적으로 어떤 태 friedegg556.tistory.com 이전 글에서도 작성했지만, 각 객체의 역할과 책임을 위와 같이 나누어놓은게 큰 도움이 되었다. 덕분에 기능을 추가하는데에 있어서 설계의 변경사항이 적었고 거기에 따라 긍정적인..

# 4 / 함께해요, 리팩토링 😇 + 사담 겸 푸념;;

TDD, Cleancode with JavaScript 카테고리의 4번째 글이다. 지난 글에서, 자동차 경주 게임이라는 과제를 진행중이라고 작성했는데 어제 1차 과제 PR을 올리고 리뷰를 받을 수 있었다. 개인적으로 어떤 태스크를 진행할 때 이렇게 글로 정리하고, 기록을 남기면서 했던 경험이 좋았어서, 이번 리팩토링 과정을 이렇게 기록해보려고 한다. (셀프 대화..?) 내 사고의 흐름을 추적할 수도 있고, 어디서부터 문제가 시작되었는지 알 수 있다는 부분이 좋다. 그리고 좀 더 집중도 되고, 나중에 아.. 이랬었구나 기억할 수도 있고, 블로그에 적는거니 나름 구조화도 시킬 수 있고.. 주절주절 사이드 이펙트 관리 이번 과제에서 내가 가장 헤맸던 부분은 1. 구현을 어떻게 해야하는가 2. 어떤 범위로 테스..

# 3 / 일급 컬렉션이 머에영? (우적우적 🍿)

현재 진행중인 (아직도..) 자동차 경주 게임 PR을 날리고, 드디어 리뷰를 받게 되었다. (벌써 이틀 지났어..) 리뷰 도중 일급 컬렉션에 대한 언급이 나왔는데, 이게 뭔지 잘 몰라서 정리해보려고 함. (들어는 본 것 같은데...) 상황은 아래와 같다. export class CarMover { #raceCars constructor(cars) { this.#raceCars = this.#getRaceCars(cars) } #getRaceCars(cars) { return cars.map((carName) => new Car(carName)) } moveCars() { return this.#raceCars.map((car) => { const score = makeRandomNum() car.move..

# 2 / 어떤 과정으로 문제를 해결해 나갈 수 있을까.

오늘은 두 번째 라이브 세션이자 OT 를 제외하고는.. 과제를 진행하며 참여한 첫 라이브 세션이었다. 첫 주차 과제로 '자동차 경주' 게임을 만들게된다. 과제는 STEP1, STEP2, STEP3 으로 나뉘어 있는데 이전 기수에서는 화면단을 가지고 cypress 로 테스트를 하는 방식이었다면, 이번엔 콘솔을 기반으로 jest 로 TC 를 짜는 방식이다. 개인적인 기록이니까.. 그냥 양식에 구애받지 않고 자유롭게 남겨보겠음. 사실 첫 과제 PR 을 이번 라이브세션 전까지 올리고 싶었는데, 생각보다 어려웠고 또 TDD 를 적용하면서 해야한다고 생각하니 어디서부터 시작해야할지 몰라 더더욱 어려웠던 것 같다. 다른 분들의 PR 을 보면 MVC 같은 패턴 구조까지 적용해서 깔끔하게 만드셨는데 나는 '입력을 어떻게..

# 1 / OT. TDD 란 무엇인가.

NEXTSTEP 에서 진행하는 Tdd,Cleancode with JavaScript 5기를 수강하게 되었다. 사내 동료 프론트 개발자분이 이 과정을 수강하면 실력 폭풍 성장 100% 보장한다고 하셔서 내돈내고 듣는다. ㅋㅋ 더 많이 얻어가려면 스스로 열심히 해야되니까 과정에 참여하는동안 간단하게라도 기록을 남겨보려고 한다. 오늘 라이브 세션은 OT 여서, 이 과정에서 무엇을 얻어갈 수 있는지 또 어떤 방식으로 진행되는지에 대한 내용 위주로 진행되었다. 이 과정은 TDD 방식을 자바스크립트로 경험해보는 것이 주된 내용이다. TDD는 Test Driven Development 그러니까 테스트 주도 개발이라는 개발 방법론이다. TDD 정말 좋다, 도입해야한다, 공부해야한다 말은 많이 들어봤지만 이를 실무에서 ..