위코드 1차 프로젝트 후기

위시 코리아 프로젝트는 러쉬 홈페이지를 React를 사용해서 클론 코딩했으며,

프론트엔드 4명, 백엔드 1명 구성인 팀으로 저는 상세 페이지를 맡아 구현했습니다.

상세 페이지 구현

상세 페이지는 백엔드에서 데이터를 받아옵니다. 리스트 페이지에서 path parameter로 주소가 넘어오면

useParams를 사용하여 상품 id를 받아오고 그 id를 fetch할때 입력하여 데이터(상품)를 객체 형식으로 받아옵니다

객체에는 {상품 id, 상품명, 상품이미지, 옵션[ {옵션아이디, 상품크기, 상품가격, 재고, 옵션이미지} ] } 가 들어오며

그 데이터를 이용해 페이지를 구성했습니다 ! ! !

협업

Trello를 이용해서 대략적인 진행사항을 파악하고, 매일 아침 회의를 하며 협업을 진행했습니다.

팀으로 프로젝트를 하면서 처음으로 PM 역할을 맡아 회의를 진행하고 회의록을 작성했는데,

기획적인 부분이나 회의록을 작성하는 부분에서 제가 꼼꼼하지 못해서 지나쳐버린 부분이 참 아쉬웠습니다 , , ,

첫 회의에서 상품 재고 부분까지 구현할 것이냐 아니냐에 대해서,

차후 개발 상황을 지켜보고 정하겠다고 얘기가 나왔었는데 서로 다르게 인지하고 있어서

소통이 원활하지 않게 되는 일이 벌어졌습니다

다음부턴 꼭 미뤄지는 일에 대해서는 체크를 해야겠다 ! 라고 반성했습니다 . . .

상세 페이지를 구현하면서, 모든 팀원의 페이지가 합쳐지면 에러가 나지 않을까 ?

라는 걱정이 들어 팀원들의 branch를 직접 받아서 혼자서 합쳐봤는데,

시간도 오래 걸리고 비효율적이었습니다. (물론 제 걱정은 해소했습니다)

다음부턴 팀원에게 협조를 구하고 맞춰보는게 낫지 않을까 싶습니다 . . .

그래도 팀원들끼리 돕고(어려워하면 도와주려함), 소통(반가운 인사와 안부묻기)하려 노력했습니다 ! 잘했다 !

어려웠던 코드

개인적으로 어려웠던 코드는 객체 배열에 접근해서 원하는 값을 바꾸는 것이었습니다 ~

TotalList는 장바구니에 보낼 옵션 객체들을 가지고 있는 배열이었는데,

+ 와 - 버튼을 써서 값을 변경하려는데 setState로 값을 변경해야되서 이 부분을 이해하기가 어려웠습니다.

지금은 이해했는데, 또 이해하고자 써보자면 ?

setState( 변수 (<- 얘가 State(배열)를 나타내고) => 변수.map( el (<-얘가 각 객체) => { 조건 , 변경식 return el } ) )

map 안에선 가져온 id와 map 돌고 있는 id 비교하여 같으면 값 변경 ! 하고 다시 그 변경된 객체를 반환해서 전체 객체 배열 변경한다 !

였습니다. 지금은 매우 능숙하게 사용가능합니다 후후

마치며

이리저리 회고 글을 써봤는데, 전체적인 제 생각은

- 꼼꼼하게 정리하는 부분

-> 프로젝트 중에는 한 곳에 틀을 잘 짜놔서 전체적으로 정리해놓자 !

- 업무 중요도 파악이 미흡한 부분

-> 이것도 확실히 정해놓고 하자 ! 모를 땐 더 잘 아는 사람한테 우선 순위를 묻자 !

- 팀원들과 소통을 열심히 했다 !

-> 덕분에 중간에라도 서로 다르게 인지하는 부분을 캐치했다 !

- 모르는 부분을 적당충분히 고민하고 질문했다 !

-> 덕분에 멘토님들이 알려주실 때 이해가 잘 되었다 !

다음에는 더욱 꼼꼼하게 체크하고, 기록하는 하상원이 되겠습니다 . 화이팅 ~!