Wed, Jan 6, 2021

오늘 할 일

• 운동 #12
• 네트워크 공부하기#11 
• 토이 15 리뷰
• recast.ly  + ajax 스프린트 끝내기
• 오늘 한 일 til
• 민코딩 level 18
•  server & node 개념 정리
• chatterbox server + chatterbox server refactor 스프린트 회고
• twittler react  + recast.ly + (react + ajax) 스프린트 회고 

 

오늘 한 일

• 운동 #12
• recast.ly + ajax sprint 끝내기 (90%)
• 오늘 한 일 til

 

느낀점

• 오늘 스프린트의 포인트
  • 상태 끌어올리기(lifting) 테스트 케이스 해결하기
  • YoutubeAPI를 이용해 요청하여 실제 결과를 브라우저상에 마운팅 하는 것
• 처음에 테스트 케이스 막히는 부분이 생겼고, 페어가 아파서 혼자 하는 상황이라 혼자 해결해보려고 노력하였지만 쉽지 않았다. 한 테스트 케이스가 해결이 안 되어 5시간 이상을 소모했다. 그럴 수 있다고도 생각하지만, 부트캠프 특성상 시간적 여유가 많지 않아서 시간 활용도가 중요하다고 생각한다.
  • setState = {} , 이런 식으로 나도 모르게 사용하고 있었다.  등장 밑이 어둡다고 생각지도 못했다. 
    질문을 했고, setState 사용법에 대해 다시 공부하란 피드백을 받고, 공식문서도 봤지만 눈에 들어오지 않아서 다음으로 VELOPERT 블로그를 들어가서 내 코드랑 비교 끝에 내가 잘못 사용하고 있다는 것을 인지하고 디버깅하였다. 
  • 클래스 컴포넌트 안에서 render 메서드에서 props의 함수를 실행하려고 하는데 "props. 함수명" 이런 식으로 하니 테스트 케이스 통과가 안 되었다. 검색한 끝에 찾은 방법은 "this.props. 함수명"이다.
  • 이렇게 보면, 정말 별거 아닌 거 같지만 내 소중한 6시간 정도와 맞바꾼 아이다.   막상 하다 보면 생각이 잘 안나는 경우가 태반이다... :(( 
• 하지만, 결국 본인 힘으로 (비록 질문을 통해 팁을 얻긴 했지만) 문제점을 파악하여 해결까지 하였다. 
• 그 후 유튜브 API를 이용하여 브라우저에 띄우는 테스트 케이스에선 포스트맨이 말썽이어서 2시간 정도 까먹었고 실제 소스코드로 대입할 때는 이미 시간이 너무 늦었고 체력이 방전되어 집중이 되지 않아 이렇게 TIL를 쓰고 있다. 내일 다시 시도해봐야겠다.
• 이번 리액트 스프린트 들어서 정규 시간 외 시간 대부분 스프린트에 쏟게 되어서 안타까운 마음도 있지만 나름 얻는 것도 생기는 거 같아서 나름 뿌듯하기도 하다.  그렇지만, 이런 식으로 반복되는 것은 장기적으로 봤을 때, 좋지 않다고 생각한다. 되도록 이런 상황을 지양하자.