[Project] 우리동네_2주차 로그

지난주에는 기획과 디자인을 진행했고, 이번주부터 본격적인 프로젝트를 진행했다.

사용한 스택으로는 React, Typescript, Styled-components를 사용했다.

 

일단 해당 스택들을 사용한 이유는 해당 프로젝트를 함께 하는 팀원들이 함께 한 교육생들이었고

기존에 사용해서 익숙한 스택을 사용하는 것이 짧은 프로젝트 기간에 적합하다고 판단했기 때문이다.

 

이번 주에는 기능을 구현하기 보다는 주로 레이아웃에 대한 부분들이 집중했다.

 

What I Do?

 

내가 담당한 페이지는 '채팅방 페이지', '마이 페이지' 였다.

거기다가 공통 컴포넌트로 필요한 부분들이 있어서 해당 부분들을 작업 하기로 했다.

 

 

왼쪽이 마이페이지, 오른쪽이 채팅방 페이지다.

아직 레이아웃만 구성하고 있긴한데, 확실히 디자인이 잘 된 페이지라고 느껴지지는 않는다..ㅋㅋㅋ

그래도 어떡하나.. 일단 프로젝트 시작한거 틀이라도 잡혀 있는게 다행이지...

이 밖에도 공통으로 사용할 수 있는 Nav, Icon, 404 page등을 만들어냈다.

 

 

 

고민의 흔적들..

 

단순 레이아웃을 구현하는 부분이었지만 고민이 되었던 부분도 있었다.

 

대표적으로 보면 Nav 컴포넌트가 page에 따라서 보여지고 안 보여지고를 결정하는 부분이었는데

이 부분은 path에 따라서 결정 되도록 Nav 컴포넌트 내부에서 변수를 선언해서 사용하는 방식으로 구현했는데

그동안의 경험을 토대로 만든 부분이라 이게 효율적인 코드일지는 잘 모르겠다.

(아는 분 있으면 댓글로 의견좀..)

 

그리고 page에 따라서 마이 페이지로 이동하는 아이콘을 보여주고 안보여주고도 결정해야 했는데

이 부분도 변수로 처리해서 조건부 렌더링을 줬다.

 

---

 

다음 주 부터는 본격적으로 기능을 추가해야하는데 백엔드가 사실상 1명이어서 될지는 잘 모르겠다..

3주로 기간을 잡았는데 벌써 2주가 지났다..

3주안에 끝내긴 힘들것 같은데 그래도 일단 해보기는 해봐야겠다..!