숫자 야구 게임 과제 제출 #1

Bori-github · 2023-08-26T00:29:27Z

피드백 반영

코드 리뷰 시 받은 피드백을 최대한 반영해 놓았습니다.
각 피드백은 반영하거나 내용을 확인 했을 경우 Resolve conversation 처리 해두었습니다.
Resolve conversation 된 피드백을 다시 확인하고 싶으실 경우 show resolved를 클릭해주세요:)

추가 진행 사항

게임 다시 시작 시 컴퓨터 수 리셋

게임 다시 시작 시 컴퓨터 수가 리셋되지 않아 계속 동일한 컴퓨터의 수로만 게임이 진행되었습니다.
따라서 테스트를 전부 통과하지 못했습니다.
기능을 추가하여 테스트를 전부 통과할 수 있도록 했습니다.

npm test

> javascript-baseball@1.0.0 test
> jest

 PASS  __tests__/StringTest.test.ts
 PASS  __tests__/ApplicationTest.test.ts

Test Suites: 2 passed, 2 total
Tests:       7 passed, 7 total
Snapshots:   0 total
Time:        1.196 s
Ran all test suites.

자바스크립트 테스트 코드를 타입스크립로 전환하기

자바스크립트로 작성된 테스트 코드에 타입스크립트를 적용했습니다.
__tests__/StringTest.test.js의 문자열 테스트에서 사용된 toContain/toContainEqual에서 필요로 하는 인자는 1개인데 2개로 적용되어 있어 에러가 발생했습니다.
각 인자를 1개로 변경하였고, arrayContaining를 적용하여 배열의 값을 확인할 수 있는 코드를 추가하였습니다.
jest 타입을 사용하기 위해 @jest/globals를 설치했습니다.

`tsconfig.json` 수정

tsconfig.json에서 불필요한 설정 및 주석을 제거했습니다.
테스트 코드를 타입스크립트로 전환하면서 exclude의 __test__ 디렉토리를 제거하고, include를 모든 .ts 파일로 변경했습니다.

Effective TypeScript 사례 반영

docs/effective_typescript.md에 내용 작성해두었습니다.

- 전역 스코프를 각 모듈 내 지역스코프로 인식하기 위한 옵션 설정

- 게임이 시작되면 임의의 3자리 수를 생성하여 컴퓨터의 수로 셋팅 - 해당 수를 가져오는 getNumbers 생성

- 타입스크립트 설치로 인해 @types/jest 설치 - jest 실행을 위해 바벨 설치

- 유효성 검사 util 함수 생성 - 유효성 검사 관련 상수 생성 - 에러 메시지 상수 생성

- 사용자 입력값 유효성 검사 실행

- message에 포함되어 있던 관련 상수 이동

- Computer > compareNumbers : 입력한 수와 컴퓨터의 수를 비교하여 볼과 스트라이크 수 반환 - Computer > hintMessage : 볼과 스트라이크 수에 대해 힌트 메시지 생성 - View > printMessage : 메시지 출력

- 게임 다시 시작 및 종료 코드 유효성 검사

- Computer > getNumbers 삭제

SWARVY

리뷰를 많이많이 남겨드리고싶은데, 아쉽게도 제가 드릴건 감탄과 칭찬뿐이네요
이번주 타입스크립트 과제도 수고 많으셨습니다..! 😊

babel.config.js

src/constants/game.ts

src/model/Computer.ts

src/controller/Controller.ts

Ryan-Dia

코드 잘봤습니다. 한주간 고생하셨습니다.

추가적으로 클래스에서 # prefix 사용해서 외부의 불필요한 접근을 예방하면 더 좋은 것 같습니다.

src/controller/Controller.ts

src/constants/game.ts

package.json

src/model/Computer.ts

tsconfig.json

src/model/Computer.ts

src/controller/Controller.ts

__tests__/ApplicationTest.test.js

src/constants/message.ts

Ryan-Dia · 2023-08-28T11:53:39Z

어제 질문하신 Function 타입을 왜사용하지 말야하는지에 대한 답변입니다.

일단 typescript-eslint를 사용하시면 아래의 규칙이 Function 타입을 사용하지 못하게 에러를 발생시킵니다.

ban-types

Function을 타입으로 사용하지 마십시오. Function 타입은 함수와 비슷한 모든 값들을 받아들입니다.
함수를 호출할 때 타입 안전성을 제공하지 않아 버그의 흔한 원인이 될 수 있습니다.
또한 클래스 선언과 같은 것들도 받아들이지만, 이들은 new와 함께 호출되지 않아 실행 중에 오류가 발생할 것입니다.
만약 함수가 특정 인자를 받아들이길 기대한다면, 명시적으로 함수의 형태를 정의해야 합니다.

- 함수 타입을 선언하여 함수 표현식에 재사용

- VALIDATION 구조분해 할당 적용

- tsconfig exclude에 test 디렉토리 제거

- tsconfig include: 모든 .ts 파일 포함으로 변경 - 타입스크립트로 전환된 테스트 코드 파일에서 발생하는 타입 에러 해결

Bori-github added 19 commits August 24, 2023 16:01

➕ TypeScript 설치 및 설정

fc80980

🔧 tsconfig: moduleDetection 옵션 추가

bd0bf92

- 전역 스코프를 각 모듈 내 지역스코프로 인식하기 위한 옵션 설정

🏷️ @woowacourse/mission-utils 모듈 타입 선언

afe9fc5

✨ Message: 메시지 상수 생성

97ae2e9

✨ 숫자 야구 게임 시작 메시지 출력

07baee4

✨ 컴퓨터의 수 셋팅

ffaaa54

- 게임이 시작되면 임의의 3자리 수를 생성하여 컴퓨터의 수로 셋팅 - 해당 수를 가져오는 getNumbers 생성

➕ @types/jest, @babel 설치 및 설정

72e11a1

- 타입스크립트 설치로 인해 @types/jest 설치 - jest 실행을 위해 바벨 설치

🚚 Message > message 파일명 변경

b4f149f

✨ 사용자 입력값 유효성 검사

4b7a485

- 유효성 검사 util 함수 생성 - 유효성 검사 관련 상수 생성 - 에러 메시지 상수 생성

✨ 사용자 입력 받기

1701c38

- 사용자 입력값 유효성 검사 실행

♻️ Computer: 유효성 검사 상수 적용

c136f6a

🐛 유효성 검사 정규식 수정

a89c234

✨ 사용자 입력값 숫자 배열로 변환

2859d10

✨ 게임 코드, 사인 상수 생성

ae0f819

- message에 포함되어 있던 관련 상수 이동

✨ game,message : 관련 상수 추가 및 수정

1603502

✨ 3개의 숫자를 모두 맞힌 경우 게임을 다시 시작하거나 종료

2673959

- 게임 다시 시작 및 종료 코드 유효성 검사

🔥 불필요한 코드 삭제

d8e3e98

- Computer > getNumbers 삭제

🏷️ View: callback 함수 void 타입으로 변경

0cbad3e

Bori-github self-assigned this Aug 26, 2023

📦 CommonJS 에서 ESM 방식으로 모듈 시스템 변경

eae77d2

SWARVY reviewed Aug 27, 2023

View reviewed changes

babel.config.js Show resolved Hide resolved

src/constants/game.ts Show resolved Hide resolved

src/model/Computer.ts Outdated Show resolved Hide resolved

src/controller/Controller.ts Outdated Show resolved Hide resolved

src/controller/Controller.ts Show resolved Hide resolved

Ryan-Dia reviewed Aug 27, 2023

View reviewed changes

chee9835 reviewed Aug 28, 2023

View reviewed changes

src/constants/message.ts Outdated Show resolved Hide resolved

chee9835 reviewed Aug 28, 2023

View reviewed changes

src/constants/message.ts Outdated Show resolved Hide resolved

Bori-github added 4 commits August 30, 2023 22:45

🏷️ util 함수 타입 선언 및 적용

ad7dc38

- 함수 타입을 선언하여 함수 표현식에 재사용

📝 이펙티브 타입스크립트 적용 사례 추가

f3bfbe6

🩹 Computer: isBall 조건을 더 명확하게 적용

26a0e22

♻️ 클래스 내부 메서드를 화살표 함수에서 일반함수로 변경

fd7fe63

Bori-github added 12 commits August 31, 2023 00:32

♻️ 클래스에 # 프리픽스 사용하여 불필요한 접근 방지

05cb1a9

🔥 Controller: 불필요한 개행 삭제

27876c0

✏️ 객체 상수 네이밍 airbnb 코딩 컨벤션으로 변경

9a2933f

♻️ Computer: setNumber 시 Set 자료구조 이용

28fddaa

- VALIDATION 구조분해 할당 적용

✨ 게임 다시 시작 시 컴퓨터 수 리셋

195ee0a

🏷️ Computer: setNumbers 반환값 타입 number[] 적용

ea33b2c

✅ StringTest : 'split 메서드로 주어진 값을 구분' 테스트 코드 수정

66e6f65

✅ 자바스크립트로 작성된 테스트 코드 타입스크립트로 변경

e643d4d

- tsconfig exclude에 test 디렉토리 제거

🔧 tsconfig: 불필요한 설정 제거

310f50b

➕ @jest/globals 설치

251118d

🏷️ 테스트 코드에 타입 적용

531a6bd

- tsconfig include: 모든 .ts 파일 포함으로 변경 - 타입스크립트로 전환된 테스트 코드 파일에서 발생하는 타입 에러 해결

🔥 tsconfig: 불필요한 주석 제거

5cc4a7b

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

숫자 야구 게임 과제 제출 #1

숫자 야구 게임 과제 제출 #1

Bori-github commented Aug 26, 2023 •

edited

Loading

SWARVY left a comment

Ryan-Dia left a comment

Ryan-Dia commented Aug 28, 2023 •

edited

Loading

숫자 야구 게임 과제 제출 #1

Are you sure you want to change the base?

숫자 야구 게임 과제 제출 #1

Conversation

Bori-github commented Aug 26, 2023 • edited Loading

피드백 반영

추가 진행 사항

게임 다시 시작 시 컴퓨터 수 리셋

자바스크립트 테스트 코드를 타입스크립로 전환하기

tsconfig.json 수정

Effective TypeScript 사례 반영

SWARVY left a comment

Choose a reason for hiding this comment

Ryan-Dia left a comment

Choose a reason for hiding this comment

Ryan-Dia commented Aug 28, 2023 • edited Loading

Bori-github commented Aug 26, 2023 •

edited

Loading

`tsconfig.json` 수정

Ryan-Dia commented Aug 28, 2023 •

edited

Loading