개발 REPO

1. 서론 기능별로 나누는 연습을 하고 있기 때문에 저는 에러가 맞는지 확인하는 파일과 에러 메시지를 띄우는 파일로 나누어 주었습니다. 그리고 메인 index.js에서 사용하기 위해 리턴값을 Boolean값으로 정해주기로 하였습니다. 2. ErrorValidator.js 함수의 이름으로 아실 수 있겠지만 3가지로 나누어 놓았습니다. 1. 숫자가 3개가 아닌 경우 2. 숫자가 중복되었을 경우 3. 숫자가 아닐 경우 1. 숫자가 3개가 아닌 경우는 간단하게 length를 이용하여 비교하였습니다. 2. 중복인 경우는 Set함수를 이용해 원래의 길이와 맞는지 비교하여 판단하였습니다. 3. 숫자가 아닌 경우는 isNaN을 이용해 숫자가 맞는지 판단하였습니다. 여기서 isNaN은 문자열이여도 그 문자열이 숫자로 구..

저번 글에 이어서 이번에는 기능 구현을 해보겠습니다. 기능을 구현하기 전에 일단 기능에 맞게 파일을 나눠주겠습니다. 클래스별로 나누는 폴더 classes 안에 들어가는 error를 처리하는 폴더 error random으로 컴퓨터가 가져오는 3개의 숫자를 처리하는 폴더 random 컴퓨터의 숫자들과 입력받은 값으로 baseballGame을 처리하는 폴더 result 안에 들어있는 파일들은 차차 설명하겠습니다. 1. computer.js Computer라는 클래스안에 getRandomNumbers라는 함수를 생성합니다. 여기서 중요한 점은 숫자가 중복되서는 안된다는 것입니다. 중복을 하지 않기 위해서 Set객체를 사용해 중복값을 지워주었고 변수의 사이즈가 3개가 넘지않으면 반복문을 계속 3개가 되면 join..

서론 모듈을 활용하고 여러 기능을 나눠서 짜는 코딩을 연습하기 위해 SW 동아리에서 실행한 숫자 야구 게임을 만들어 보았습니다. HTML & CSS html의 내용은 이렇습니다. head부분에서 default js 파일의 type을 module로 넣어줍니다. 하는 이유는 뒤에서 다시 설명드리겠습니다. css에서는 간단하게 body전체를 가운데 정렬한 후 배경색만 바꿔주었습니다. 기능 구현 컴퓨터가 랜덤으로 3개의 숫자를 만든다. input text로 사용자에게 숫자를 입력받는다. 사용자에게 입력받은 숫자와 컴퓨터의 숫자를 비교하여 스트라이크와 볼을 판단한다. input text에 숫자가 아니거나 3자리의 숫자가 아닌 경우 오류 메시지를 띄운다. 결과창에 볼과 스트라이크 혹은 아무것도 없을 때(미싱)를 출..