WCF - 위코드 1차 프로젝트 회고

오주형·2022년 11월 27일

삼성물산 패션부문의 통합 온라인몰 SSF샵을 모티브로 의류 소개 사이트를 구현 해보았다.

1. 프로젝트 개요

회원가입 시 아이디와 비밀번호, 그리고 비밀번호 확인에 조건을 걸어 놓았다. 조건에 충족 시 조건이 쓰여있는 글자들 색이 변한다.
회원가입 약관에 동의할 때 체크박스가 필요했다. 한번에 모두 체크가 될 수 있는 전체 체크도 가능해야하며, 개별 체크도 가능해야 했고, 또 개별 체크로 약관에 모두 동의하면 전체 체크도 체크 되어야했다. 체크 되어야할 항목들인 checkList state는 객체이기 때문에 (key가 아닌) value들만 배열로 만들어주기 위해 onCheckedAll 함수에 valueArr 변수를 만들어Object.values(checkList)를 사용하였다. 그리고 배열로 만들어진 체크 리스트들에 Array.prototype.every() 메서드를 사용하였다. every() 메서드는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트하며 Boolean 값을 반환한다. 결론적으로 아래와 같은 코드가 완성되었다.
const valueArr = Object.values(checkList).every(el => el === true);
로그인 시 fetch 메서드를 사용하여 데이터를 전달하고 localStorage에 토큰을 저장했다.

개발자로 첫 프로젝트를 진행해보았다. 동료들에게 배울 점이 매우 많았다. 특히 Trello, Notion 등의 툴을 가지고 2번의 planning meeting, 2주간 매일 진행했던 Daily Standup Meeting, 2번의 Retrospective Meeting을 하면서 계획 세우는 것을 두려워?했던 내가 점점 변하는 것을 느꼈다. 계획의 중요성을 알게 되며 방향을 잡고 나가는 것이 얼마나 중요한 것인지를 알 수 있게 되었다. 팀원 중 두 명이 특히 우리 팀을 이끌어주었는데, 그들이 없을 2차 프로젝트에서는 내가 배웠던 것 만큼 툴 사용과 계획적인 미팅들로 원만한 프로젝트가 진행 될 수 있도록 노력해야겠다고 생각했다.
아쉬웠던 것은 내가 맡은 페이지를 담당했던 백엔드분과의 소통이 잘 이루어지지 않았다는 점이다. 그분이 피치 못할 사정으로 재택근무를 하시게 되어서 더 그런 문제가 발생한 것 같은데, 개발자에게 재택 근무란 익숙하고 유연하게 대처해야할 일이라고 생각한다. 백엔드 쪽에서의 일이 어떻게 돌아가는지 대략적으로 알 수 있었으며, 내가 요구해야할 것은 제대로 분명하게 요구해야함에 대해 배울 수 있었다.