[FE - ConnecTo] DAY52 TIL👩🏻‍💻

22.09.23 수업 시간 중 공부한 내용들을 정리하였습니다 😊
피드백은 언제나 환영입니다! 🍊

팀 회고

• 개발 흐름을 익히는 데 집중
  1. 요구사항 분석
  2. 문제해결 순서 정리
     1. 기능 간의 우선순위 설정
  3. 기능 동작에 집중해서 코딩
     1. 구체적으로 이벤트가 어떤 흐름으로 발생하고 기능이 동작하는지
     2. 1차 코딩 때는 조금 더럽더라도 정확하게 동작하도록 구현하는 것에 집중
        1. 코드 동작을 단계별로 정확하게 인지하고 설계하도록 유의하면서 코딩
        2. 사용하는 함수들의 동작 원리, 동작 흐름, 반환값 등을 생각하며 코딩
           1. 어떠한 함수를 사용할 때는 분명한 이유와 근거가 있어야 한다
  4. 리팩토링
• 코드 변화 양상
  1. 초안
     1. 요구조건 각각에 addEventListener 함수를 사용
     2. addEventListener 안의 이벤트 핸들러 내부에서 모든 동작 처리
        1. 어디에서 어떤 이벤트가 발생했는지
        2. 이벤트 처리를 위해 알고있어야 할 것들 변수화
           1. 화면에 그릴 정보
           2. 정보를 나타낼 HTML요소
           3. 정보를 조작할 함수
           4. 조작한 정보를 HTML요소에 그릴 함수
  2. 리팩토링
     1. 1차원적인 접근
        1. 중복되는 코드를 찾아내서 간추리기
        2. 변수 이름이 적절한지 확인하고 수정하기
     2. 좀 더 나아가면
        1. 중복되거나 불필요한 동작이 있는지 확인하기
        2. 더 효율적인 방법이 있는지 고민하기
        3. 기존과 다른 방법으로 접근해보기

---

🤔 개별 회고

제가 코드를 짜본 경험이 너무나도 적어서 처음 시작할 무렵에는 코드를 짜는데 있어서 두려움이 있었습니다.

그래서 제일 처음 프로그래밍을 시작했을 때에는 한 줄 짜고 짝지에게 물어보고 한줄 짜고 물어보는 것의 반복이었습니다.

그리고, 요구사항을 보고 코드를 짤 때, 한꺼번에 모든 것을 다 생각하고 짜야겠다고 생각을 하다보니, 코드 구현도 안되고, 진행도 안되고 있었습니다.

그렇지만, 이번 협업 페어 프로그래밍을 통해서 코드를 짤 때 어떤 순서로 생각하고 짜야하는지를 생각하며 코드 짜는 연습을 진행했고, 그 결과 처음 1번 문제에서 엄청 버벅였었는데, 11번 문제를 구현할 때, 짝지가 아파서 오지 못한 날이었지만, 시간이 오래 걸리더라도 혼자서 차근 차근해서, 90% 정도는 구현할 수 있게 되었고, 코드를 짤 때 두려움도 줄일 수 있게 되었습니다.

그리고 전체 코드를 계속 반복하며 생각하면서 볼 수 있는 시간이었어서 좋았습니다.

아쉬웠던 점은 제가 코드 짜는 것이 이제야 좀 익숙해지고, 자신감도 붙었다보니, 리펙토링 과정에서 짝지와 최대한 소통하면서 진행했지만, 더 적극적으로 참여하지 못한 것 같아서 아쉬웠습니다.

다음 페어 프로그래밍 때에는 조금 더 공부를 해서, 리펙토링 때 지금보다 더 적극적으로 참여해야겠다고 생각했습니다.