[2차 협업프로젝트 TIL] 2일차 회고

 

2일차 진행상황

 

2일차에는 현재까지의 진행도를 공유하고 PR 사항의 개선작업을 진행하며 다음 작업을 준비했다.

 

오늘 공유한 내용은 다음과 같다.

• 공용 컴포넌트 작업상황 공유
• 작업이 완료된 컴포넌트 PR 및 코드리뷰
• 다음 작업내용 공유

이제 본격적으로 공용 컴포넌트를 활용해서 새 작업에 나갈 준비가 다 된 것 같다.

 

2일차에 배운 점

 

💡 팀원을 통한 새로운 코드의 배움

오랜만에 코드리뷰를 진행하면서 팀원분들에게 내가 자주 써보지 않은 코드를 보면서 새로운 구현방식에 대해 배울 수 있었다.

 

예를 들어, 회원가입 및 로그인을 할 때의 쿠키설정, 쿠키관리 등은 지금까지 라이브러리의 도움을 받아 자동으로 해결하였는데, 현재 프로젝트에서는 다른 팀원님이 직접 구현중이어서 그 코드들을 보며 쿠키관리 과정이 어떻게 진행되는지를 확인할 수 있었다.

 

특히, 이 팀원님은 백엔드 현업 경험이 엄청나신 분이라서 보안과 관련된 코드에서 확실히 노하우가 느껴졌다.

 

💡 지정된 문자열을 받아 지정된 색깔로 된 태그 추출

아까까지 작업했던 공용 컴포넌트 중 지정된 문자열을 받아 지정된 색깔을 적용해서 추출하는 컴포넌트가 있다.

 

그런데 어제까지만 해도 완전히 문자열마다 랜덤 지정되도록 해놔서 코드리뷰를 받고 수정작업을 거쳤다.

const matchingColor = colorList.find((item) => Array.isArray(item.tag) ? item.tag.includes(tag) : item.tag === tag) || anoterStringColor;

 

위 코드가 해결한 코드인데, 코드를 해석하면 다음과 같다.

• colorList 배열의 tag 요소가 배열인지 아닌지를 확인
• 배열이면 그 배열에 tag 요소가 포함되어 있는지를 확인하여 일치하는 태그를 지정된 색상을 씌워 추출
• 배열이 아니어도 입력한 태그와 일치하는 태그를 지정된 색상을 씌워 추출
• 지정된 문자열이 아니면 별도 지정한 색상을 씌워 추출

이런 문제는 어떤 프로젝트를 진행하면서도 종종 접하여 익숙한 방식이어도, 매번 상황이 달라서 매번 배우는 것 같다.

 

향후 프로젝트 계획 및 기대사항

 

매일 '잘 끝낼 수 있을까?' 생각하면서 팀원들의 PR을 한번씩 더 보고, 내 코드도 더 확인하게 된다.

 

구현에 별 문제없이 남은기간동안 기능이 잘 표출되었으면 좋겠다.