미니프로젝트 팀 페이지 만들기

결과/회고

메인페이지(1)

이번 프로젝트의 메인 페이지 핵심 기능

• 메인 카드들의 css,js
• 댓글 기능 get post

먼저 이번 프로젝트를 하면서 가장 아쉬웠던 부분이 와이어프레임이다. 작업이 끝나고 나니 와이어프레임이 얼마나 중요한지 깨달았다. 처음에는 작업 도중에 변경하며 할 생각도 가지고 있었으나 다시 손대는 것이 쉽지 않았다.(아직은 초보라 작업에 들어가면 넓게 못보고 계획한대로 만들기 급급하다) 시간이 걸리더라도 프로젝트의 컨셉, 형태를 확실히 계획하고 와이어프레임을 짜는 것이 중요하다고 느꼈다. 그러기 위해선 시작부터 팀원들과 소통을 많이하고 필요하다면 계획단계부터 기술적 교류를 해야한다고 생각한다.

---

메인페이지(2)

카드 링크, 호버

호버 기능은 작업중에 추가로 더해진 기능이다. 내가 직접 제시하고 만든 기능은 아니지만 팀원들이 만드는 과정에서 의견을 제시했고 바로 제작까지 함께했다. 이 때 작업하시는 방법을 함께 지켜봤는데 개인적으로는 큰 도움이 됐다. 단축키나 스타일 적용하는 방법들을 보면서 모르던 부분들을 배울 수 있었다. 다른 분들이 작업하는 것을 보는 것도 큰 도움이 되는 것 같다.

---

메인페이지(3)

댓글, 좋아요

내가 작업한 부분이다. 첫 작업이라 잘하고 싶었고 열심히 했다. '댓글'은 강의를 보며 구현할 수 있었지만 '좋아요'는 강의에 나오지 않아서 큰 어려움을 겪었다. 구글링이 생각보다 쉽지 않았다. 구글링으로 코드는 쉽게 접할 수 있었으나 작업에 적용시키기는 것은 나에겐 어려웠다.(복합적으로 연결된 부분이 많아서 어려웠다) 그래서 지식이 너무 부족하면 구글링만으로도 쉽지 않다는걸 깨달았다. 작업을 하면서도 공부를 하니 어렵지만 배우는 재미가 있었다. 결과적으로는 코드를 직접 짰다. 잘 작동되나 싶더니 오류가 발생했다. 결국 튜터님의 도움을 통해 해결(TIL에서 코드확인가능)했으며 나에겐 2%아쉬운 작업이었다.

---

마무리

이번 프로젝트를 통해 얻은 가장 큰 소득은 협업하는 방식과 공부하는 방식이다. 팀원들과 소통하는 방법, 프로젝트 시작하는 방법에 대해서 배워서 굉장히 좋았다. 물론 전부를 안 것은 아니지만 깃허브을 통해 소통하는 것이나 와이어프레임을 짜는 것, 코드를 적용하고 병합하는 것에 있어서 소득이 있었기 때문에 만족스러웠다. 그리고 가장 큰 점은 공부하는 방법이다. 무작정 구글링해서 해석하고 가져오는게 전부가 아니라 코드를 작성하고 예시를 통해 동작 원리에 대해서도 파고들어서 공부해야 한다는 것을 깨달았다. 첫 프로젝트를 무사히 마쳐서 정말 만족스럽고 고생한 팀원들에게도 감사함을 느낀다.