dukDukz

[데브로드] 5주차 주간회고 본문

프론트엔드 데브로드/주간회고록

[데브로드] 5주차 주간회고

헤일리_HJ 2023. 3. 5. 14:38

잘한 것은 무엇인가?

  • 이번주에 잘한거?? 진짜 모르겠음
    • 수요일까지 어떻게든 데브노트 완성한거? 근데 그나마도 이해가 잘 안된 상태로 낸거라 만족스럽지 않다.
  • 퇴근후 모각코
    • 퇴근 하자마자 달려가서 접속했는데 그래도 출첵은 못함. 수업 듣고 혼자 실습하는데 잘 안되던 리액트 테스트 부분 다시 들으니 내가 놓친 부분을 알 수 있었고 describe - context - it 이거는 확실히 캐치함. 과제 하면서도 이거는 손에 익히려고 함 
  • 과제 (배운 선에서 최대한 진행)
    • 솔직히 이번주 "테스트" 관련 수업.. 잘 모르겠다. 처음 하는거다 보니 이해도 느리고 강의도 몇번씩 더 봐야 했다.
    • 과제 ci test 실패한 상태인데 정답 올라오면 고대로 머리속에 넣을 예정 (이런거는 잘하니까..!)

잘못한 것은 무엇인가?

  • 강의를 들어도 모르겠는것들 투성이
    • 코드 구현전에 먼저 테스트를 짜고 그걸 바탕으로 코드를 짠다... 이게 목표인데 이건 어찌하는걸까???
    • 아직도 모르겠고... 몇번은 더 해봐야 알 것 같다. 
  • 과제 못끝냄
    • 애초에 과제가 올라왔을때 부터 뭘 해야할지 몰랐음. 엄청 막막했는데 그냥 일단 describe-context-it 을 손에 익히겠다는 그런 자그마한 목표를 갖고 걍 했음.. 물론 테스트라고 하기도 민망한 정도가 되어버렸지만..??? 좋은 코드들 여러번 쳐보면 더 나아지겠지... 
  • 데브노트가 목적이 되는것 같음
    • 수요일까지 데브노트를 작성해서 올려야하니까 강의 중간중간 멈추고 필기하게 된다. 이렇게 하니까 흐름이 깨져서 더 집중이 안됨... 그냥 하던데로 수업 다 듣고 강의 노트 보고 한번 정리 하고 부족한 부분은 다시 들으면서 재 정리하는게 나을듯..

무엇을 배웠는가?

  • TDD 사이클 
    • red - green - refactor
    • 사이클을 빠르게 돌리기 , 처음부터 완벽하게 하려하지 않기
    • 제대로 작동하는 코드 (아무렇게나 일단 되게끔만) 하고 리팩토링 하는걸로...
    • 근데 테스트 먼저 구현 나중 이런식이 되어야 한다는게 어려움...
    • 아직은 잘 모르겠음
  • jest
    • jest - 아샬님 다른 예제도 해봤는데 헉스... 어려움.. 수업에서 한거는 그나마 이해 했는데 더 학습 필요할듯
  • React testing library
    • describe - context - it 이 순서로 테스트를 작성하는데 지금은 정말정말 간단한것들만 해봤다.. 과제때도...
    • mock과 jest.fn() 이거는 유용하게 사용할 수 있을듯
    • 그리고 하나의 describe 안에서 2개의 context가 있는데 하나씩 하면 다 통과 되는게 두개를 같이 쓰니까 통과가 안됨.. 뭐냐???이건... 내가 뭔가를 잘못하고 있는건데 그걸 모르겠음.. 이것도 답을 보고 찾아보자.
  • msw
    • 네트워크 레벨에서 proxy 를 이용해 가짜로 API(?)를 구현하는 것..
    • waitFor 해서 받아오는 부분에서 async await 비동기로 받아와야하는데 그게 안됨.. 뭐가 잘못된걸까???
      • 이거는 정답 나오면 다시 해봐야한다.
  • Playwright / codeceptJs 
    • E2E 테스트 - 사용자가 하는 것 같은...
       
    • 과제할때 이걸로 테스트 작성했었는데 로컬에서 테스트는 통과했는데 npx jest --verbose --coverage 돌리니까 playwright와 codeceptJs는 폴더를 분리하라고 어쩌구.. 그런 오류가 떴다.. 얘를 해결하려고 구글에 찾아봤는데 뭔가 잘 안된다... playwright에서 codeceptJs 사용할 수 있다고 했는데 이거를 더 찾아봐야 하나..? 근데 아샬님은 codeceptJs 를 자주 사용한다고 했는데 어찌해야 하는지 모르겠다.. 일단은 playwright 테스트 짜는거 연습 해봤으니까 오케이...
    • codeceptJs - 이거는 기획이나 PO ?? 암튼 다른 부서 사람들이랑 소통할때 좋은 도구라고 했음..

해결해야할 문제/남아있는 의문은 무엇인가?

  • 과제 미통과
    • 정답을 보고 그걸 다시 머리에 넣자.. 좋은 코드를 이식?? 암튼 그거를 하는게 좋겠다..
  • 테스트 코드 - 구현 ) 순서가 이렇게 된다는 것...