inflearn logo
강의

Course

Instructor

Final Coding Test: Frontend

퍼즐 게임 내부 오류 수정에 관한 건

214

guscjfdl890896

3 asked

3

실제로 구현한 후에 다 맞춰도 answerView()가 적용되지 않아 살펴보니

init 함수 과정 중에 움직인 거리가 소수점으로 들어가 answerCheck()에서 true 조건으로 넘어가지 않았습니다

그래서 마지막에 init 함수 내에서 defaultLocation.push([parseInt(x,10), parseInt(y,10)]) 로 고치니 잘 실행되었습니다.

나중에 학습하시는 분들께서 궁금해하실 지도 몰라 짧게 남겨둡니다

코테 준비 같이 해요!

Answer 2

1

Hojun Lee

문제 확인하였습니다 :)

더 나은 코드가 있는지 검토 중에 있고,

검토가 완료되면 강의 하단에 수정 Code로 올려질 예정입니다.

제보 감사드립니다.

해당 Q&A는 강의 마지막 부분에 link로 올려두도록 하겠습니다. :)

0

Hojun Lee

안녕하세요 :)

코드를 검토해 보았는데요.

init 함수에서 초기화하는 defaultLocation 배열은 각 퍼즐에 처음 위치를 저장하고 movePeaceArr 배열은 퍼즐이 이동하지 않은 상태([0, 0])를 저장한 배열입니다.

그 다음 random 함수를 통해 movePeaceArr 배열에는 퍼즐이 이동할 때 처음 위치와 이동할 위치에 좌표 차이를 저장합니다.

이 좌표 차이는 퍼즐에 사이즈가 정해져 있어서 defaultLocation 배열에 소수점이 들어가도 movePeaceArr 배열에는 80 * n 값이 들어가 정상적으로 동작이 되었습니다.

저희가 작성한 코드에서 문제점을 파악하지 못하여 Harry K.님의 코드를 확인해보고 비교하며 문제점을 찾아보려 합니다.

깃허브에 올려져 있으면 링크를 공유해주시거나 이메일로 코드 보내주시면 감사하겠습니다. 그리고 브라우저에 차이가 있을 수도 있을거 같다는 생각이 들어 어떤 브라우저를 사용하셨는지도 알려주시면 감사하겠습니다.

이메일 : cwb2310@gmail.com

0

guscjfdl890896

코드가 필요하신 것 같아 댓글로 해당 코드가 있는 깃헙 주소를 남겨둡니다.

제가 맞닥뜨렸던 오류 또한 Readme로 정리하여 올려두었습니다.

감사합니다

해당 링크 : https://github.com/harrykim14/fct_front-end/tree/master/09%20puzzle%20game

0

Hojun Lee

공유 주신 코드로 실행해보았으나 저희쪽 환경에서는 잘 실행이 되고 있습니다.

원인은 컴퓨터의 해상도 차이로 짐작되나 정확한 원인을 파악하기가 어렵군요.

하지만 소수점으로 인해 분명 코드가 정상적으로 처리되지 않을수 있다는것은,

Harry 님이 증명하셨고, 이 점에 있어서 Harry님의 코드가 예외처리에 있어서 확실히

더 낫다고 판단됩니다! 좋은 지적 감사합니다!! 

Harry 님의 의견은 항상 즐겁게 모니터링 하고 있습니다.

앞으로도 많은 관심 부탁드립니다 :)

뮤직플레이>인트로 컴포넌트 작성강의에 관련해서 궁금한게있어서 문의드립니다!

0

344

1

cart 페이지 피그마 로직관련 질문드립니다!

0

456

1

createRootElement가 static인 이유가 무엇인가요?

0

355

1

11번째 파트 강의 정말 잘보고 있습니다!

0

244

1

좋아요 기능 만드는 강의가 완전하지 않아요!

0

267

1

[카드게임] 타이틀 display부분 질문 있습니다!

2

266

1

[카드게임] 카드게임 타이틀 부분 질문있습니다.

0

231

1

git public레포로 코드와 제공해주신 리소스들 올려도되나요?

0

290

1

items

1

336

2

album 컴포넌트 스크립트까지 다 따라 쳤는데 화면에 아예 안뜨네요..ㅜㅜ

0

267

1

SPA 섹션 강의 완성 예정일이 궁급합니다.

0

298

1

다음 구현 부분은 아직 강의 공개가 안된걸까요 ??

0

183

1

추가문제 강의 업로드

0

218

1

강의자료는 어디서 다운받을 수 있나요

0

261

1

index.js를 빼는 이유

1

281

1

파코테4 - 뮤직플레이 화면이 없어지고 li가 떠야하는데 안뜨네요.. 빨간줄이 뜬 부분은 오타가 아닌데 오타라고 뜨고 렌더쪽 문제 해결하는 법을 모르겠네요

0

311

2

reset.css 는 어디에 설정 하나요?

0

472

2

노션 링크 질문입니다.

0

203

1

이미지 하나가 움직임이 좀 부자연스럽

0

272

1

CSS 업데이트 부탁드립니다.

1

177

1

궁금한점이 있어서 질문드립니다!

1

306

2

난이도 별 3개가 많은데 어떤순서가 좋을까요?

2

185

1

질문입니다.

2

214

1

리액트로 구현

1

264

2