CLNASS 101

• 기간: 2020/11/30~2020/12/11 (총 12일간)
• 레퍼런스 페이지: Class101 (https://class101.net/)
  전문가들이 올린 강의를 유저들에게 판매하는 사이트
• 팀명: CLNASS 101
• 팀원구성: 프론트엔드 3명, 백엔드 3명
• 영상링크: https://www.youtube.com/watch?v=USxipPhALqk

프로젝트 진행방식 🏁

이번 프로젝트 또한 scrum방식으로 진행하였다. 저번 프로젝트때도 같은 방식으로 진행하였지만 조금 아쉬움이 남았어서 이번에는 좀 더 신경써서 프로젝트를 진행하였다. 매일 아침에 스탠드업 미팅을 하며 서로의 상황과 진행사항을 공유하였고 아이디어 회의도 하였다. Trello를 이용하여 미팅시간이 아니어도 서로의 진행사항을 공유하고 소통하였다. 또한 git을 이용하여 branch를 나누고 서로가 맡은 부분을 나누어 프로젝트를 완성시켰다. 2번의 프로젝트를 진행해보며 소통의 중요성을 다시 한번 느꼈다. 좋은 결과물은 소통에서 나온다는 걸 앞으로도 잊지말자...

적용한 기술스택 ❗️

-react hook
-react styled component
-react slick
-HTML/JS
-Git (rebase를 통해 commit 관리)
-Git (branch를 이용하여 서로 맡은 부분 작업)

내가 맡은 파트 ❗️

Main Page

class101 사이트와 최대한 동일하게 메인페이지를 구현하려고 css를 신경을 많이 썼다. 이미지에 포인터를 가져갔을때 transform scale()을 사용하여 이미지가 커지게 구현하였고 하트 버튼을 눌렀을때 좋아요 갯수가 반영되도록 구현하였다. 전체적인 레이아웃은 flex를 이용하여 구현하였고 데이터는 RESTful API를 이용하여 서버와 통신을 통해서 받아왔다.

carousel

React.slick을 사용하여 광고페이지를 구현하였다.
저번 프로젝트때 해보지 못했던 Slick을 사용하여 carousel을 구현해 볼 수 있어서 좋은 경험이 된것 같다. Slick 자체를 사용하는건 어렵지 않았지만 carousel의 UI를 변경하는 곳에서 애를 많이 먹었다. 꽤 시간을 잡아먹었지만 결과가 만족스럽게 나와 다행이었다.

Detail Page

동적 routing을 이용하여 메인 페이지에서 디테일 페이지로 이동할 수 있도록 구현하였다.
지난번 프로젝트때 가장 어려웠던 부분이었는데 이번에 다시 한번 코드를 작성해보며 개념을 확실히 알게 된것같아 뿌듯했었다😏

페이지내에서 이동 및 글작성, 댓글 기능

a태그의 name,href attribute를 통해 페이지 내에서 이동하도록 구현하였다.
모달창을 만들어 글작성을 하는 기능을 추가하였고 댓글을 달 수 있도록 댓글 기능도 추가하였다.

기억에 남는 코드 ❗️

특정코드가 기억에 남는다기 보다는 이번에는 List와 detail을 모두 내가 구현해보면서 동적 Routing을 사용하여 만든 페이지끼리 연결하는 과정이 제일 기억에 남는다. 제일 어렵게 생각했던 부분이기도 하고 저번 프로젝트때도 가장 아쉬움이 남는 부분이어서 이번에는 특별히 신경써서 공부를 하였다. 이번 프로젝트를 통해 동적라우팅에 대한 이해도가 높아지게 되어 만족도 높다.

2차 프로젝트를 마치며...🙏

이번 프로젝트를 진행하며 많이 배우고 성장하게 된것 같다. 1차 프로젝트때 아쉬웠던 부분을 많이 보완할 수 있어서 좋은 시간이었다. hooks와 styled component 그리고 저번 프로젝트때 어렵게 느꼈던 active routing까지 모두 내껄로 만들게 된거 같아 뿌듯한 프로젝트였다.

1차때 시간이 지나며 수행하지 못했던 daily 미팅을 이번엔 잘 수행했다. 말뿐인 scrum 방식의 업무 진행방식이 아닌 프로젝트를 진행하는 내내 계속 소통하고 아이디어를 공유하면서 수정하고 만들고 하는 방식이 재미있게 느껴졌다. 추후에 기업에 가더라도 이런 애자일한 문화를 가진 기업으로 취업하고 싶다는 생각이 들었다.

전반적으로 너무나도 만족스러운 프로젝트였지만 한가지 아쉬운 점이 있다면 기능구현에 신경쓰다보니 백엔드 팀원들고 원하던 만큼 소통을 못했다는 점이다. 이번 프로젝트떄는 좀더 백엔드와의 교류를 통해 통신에 대한 개념을 더 다잡고 싶었는데 아쉬움이 남는다...🥺

마지막으로 함께 고생한 팀원들에게 너무 큰 고마움을 느낀다. 서로 힘든 시간이었을텐데 짜증한번 내지 않고 서로 보듬어주며 힘낸 팀원들이 너무 자랑스럽다. clnass101 멤버들... 당신들 모두 잘되길 바래...