큐뱃 개발일지 5/22 ~ 5/26

https://yoon-dumbo.tistory.com/entry/Error-%EC%A0%95%EB%A6%AC-React-Uncaught-SyntaxError-Unexpected-tokenW

Error 정리: React-Uncaught SyntaxError: Unexpected token <

 

 

https://www.youtube.com/watch?v=NU-HfZY3ATQ&t=22s 

그냥 모든 것을 알 수 있었던 영상

https://www.youtube.com/watch?v=ZKEqqIO7n-k&t=905s 

이것만 좀 더 보태서 보며 채팅 완성

 

 

 

8/22 밤 9시쯤부터 알고리즘 짜기 드디어 시작

roundCount > myRecordCound면 스톱워치를 활성화, 아니면 스톱워치 비활성화 하는 식으로

 

8/23 산본 가는 길에 생각이 들어서 바꿈

그냥 roundCount에 변화가 생기면 라운드 변경+스톱워치 활성화

myRecordCountj에 변화가 생기면 스톱워치 비활성화. 하면 될 듯

 

8/24 

그냥 마지막으로 기록을 잰 사람이 모두에게 emit하면, 그 때 client들은 자신과 서버의 roundCount를 굳이 비교할 것 없이 그냥 스톱워치를 활성화시켜버리면 되겠는데? 결국 대소비교는 필요가 없었음

 

8/25 

친구 둘을 만나서 보여준 후 집에 돌아와서 이것저것 고치던 중, 며칠 전부터 발견한 503에러에 대해 더 알아보기로 함

그냥 에러메세지를 구글링해봤다가 영 감이 안잡혔는데, 네트워크 창을 열어보니 axios로 보낸 요청이 Pending에 머물러있음을 알게 되었다. 이 키워드들로 구글링을 하다 찾은 것이..

https://stackoverflow.com/questions/62141231/axios-post-stay-on-pending-in-my-react-application

AXIOS Post stay on PENDING in my REACT application

질문자가 마지막에 올려놓은 글의 마지막에, 'return' 될 것이 없어 pending에 머물렀다는 것이 힌트가 될 것 같았다. 하지만 여기서도 더 잡히는 게 없고 axios와 pending에서 빙빙 돌다가, 아까부터네트워크창을 볼수록 같은 axios작업도 어떤 것은 200ms만에 끝나지만 어떤 것은 계속 pending에 머무르니까가 내가 써둔 라우터 코드를 보며 둘의 차이를 비교해봤다.

https://quark21.tistory.com/332

[Node.js]res.end(), res.send(), res.json()의 기능

차이는, 200ms만에 끝난 건 res.json() 이라는 것이 존재했다는 것. 검색해보니 '돌려준다'는 표현이 나왔고, 이는 아까 본 'return'과 무언가 유사함을 눈치챌 수 있었다. 결국 이게 해결책이었던.. 그래서 26일 새벽 내내 찾다가 알아낸 후 7시까지 수정했다.

 

8/26

어제 만난 친구 중 한 명을 다시 만난 후, 오늘은 그냥 기록 올리는 방식을 직접 버튼을 누르고/라운드도 매번 방장이 버튼을 누르는 식으로 바꿔야겠다고 생각했다. 그냥 사람이 좀 더 고생하고 훨씬 안정성있게 웹을 만드는 게 좋을 듯.

 

밤에는 stat 창의 스크롤을 해결하기로 결심했다. 

https://stackoverflow.com/questions/9811465/scrollable-div-inside-container

scrollable div inside container

'scroll div in div' 라고 검색한 게 결정적이었다. 첫번째 답변을 보니 고정된 헤더와 스크롤되는 바디가 있었고, 이거라면 원래 생각했던 스크롤가능한 뒷부분 / 고정된 윗부분 을 만들 수 있을 것 같았고 실제로 됐다. 그렇게 27일 새벽을 간..