항해 플러스 프론트엔드 코스 2주 차 후기 - 비효율적인 코드란?

1주 차 후기를 올리고 꾸준히 글을 작성하기로 했는데, 평일에 과제 제출하느라 너무 바빠서 2주차 후기를 이제서야 올리네요 😅(앞으로는 정기적으로 요일을 정해서 글을 작성해 봐야겠습니다….)

이번 글에서는 평일 멘토링 시간에 오프 코치님께서 답변주신 비효율적인 테스트 코드에 대해서 정리해보려고 합니다.

저희 회사에서는 기능을 구현할 때 테스트 코드를 필수적으로 작성하고 있어, 리팩토링을 진행하면 어떤 점이 이전 기능과 다른지 쉽게 파악할 수 있어 테스트 코드의 중요성을 느끼는 경우가 많습니다!

그러나 명세 기반보다는 현재 코드가 잘 동작하는지의 위주로 테스트 하기 때문에, 코드가 변경되는 경우 테스트 코드도 같이 변경되는 경우가 많습니다..

예를 들어 “클릭 시 → 새 창으로 이동하는 버튼”에 대한 테스트 코드를 작성한다면 window.open으로 구현해도, a target=”_blank”로 구현해도 통과할 수 있는 코드를 작성해야 비효율을 줄일 수 있습니다.



하지만 저는 window.open 일 때만 통과하는 테스트 코드를 작성하여

나중에 a target=”_blank”로 변경하게 될 때 테스트가 실패하게 되는 비효율적인 테스트 코드가 되었습니다.

명세 기반으로 작성해야 한다는 점을 모르고, 코드를 기반으로 테스트를 작성하여 비효율을 낳고있다는 사실을 처음 알게 되었습니다.😭 이러한 점을 바로 고치기에는 어렵겠지만, 사소한 것부터 명세 기반으로 짤 수 있도록 노력해 보려고 합니다!!!

이번 주차 후기로 멘토링과 과제 리뷰에 대해 다뤄보았는데요.

오프라인 모임으로 한 기술에 대해 깊게 고민하는 시간도 좋았지만, 커리어 & 기술 고민을 털어놓는 멘토링 시간도 정말 유익했습니다.

다음주에도 무엇을 배웠는지 정리해서 오겠습니다! 긴 글 읽어주셔서 감사합니다 🙇‍♀️

(자세한 내용은 아래 블로그에서...)



https://velog.io/@yoosion030/2.-%ED%95%AD%ED%95%B4-%ED%94%8C%EB%9F%AC%EC%8A%A4-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%BD%94%EC%8A%A4-2%EC%A3%BC%EC%B0%A8-%ED%9B%84%EA%B8%B0

2. 항해 플러스 프론트엔드 코스 2주차 후기

velog.io

2. 항해 플러스 프론트엔드 코스 2주차 후기

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2024년 6월 29일 오전 10:56

댓글 0

    함께 읽은 게시물

    커리어를 쌓아야 할 때 알아야 하는 잔인한 사실들

    1

    ... 더 보기

     • 

    저장 41 • 조회 1,766


    면접시 의사 소통의 중요성

    산호세 주립대에서 학생들 가르치다보면 가끔 면접을 앞두고 있는데 모의 면접을 해볼 수 있겠냐고 도움을 요청하는 학생들이 있다. 다들 경험이 많지 않다보니 뭔가 질문을 하면 질문을 이해하고 시간을 두고 대답을 하기 보다는 서두르는 경향이 있다. 이런 학생들에게는 항상 아래 이야기를 한다.

    ... 더 보기

     • 

    저장 41 • 조회 3,949


    (번역) Create React App 지원 종료

    C

    ... 더 보기

    (번역) Create React App 지원 종료

    www.harimkim.com

    (번역) Create React App 지원 종료

    새 길

    

    ... 더 보기

     • 

    저장 3 • 조회 1,324


    《대한민국 범정부 UX 혁신 자문을 이어갑니다》

    ... 더 보기

    파이썬 프로그램의 메모리는 어떻게 관리될까? 🤔

    c

    ... 더 보기

    Codebeez

    Codebeez

    Codebeez

     • 

    저장 48 • 조회 2,986