REACT PROJECT PART.2 : KREAM

강지원·2021년 12월 11일
post-thumbnail

WESELL Front-end Github
시연 영상

사용 기술 스택

  • HTML5
  • JavaScript(ES6)
  • React
  • CSS(Sass)

협업도구 : Slack / Git + GitHub
Trello를 활용해 스케줄 조정 및 개인 작업 진행도 체크


구현 사항

  1. 카카오 API를 활용한 소셜 로그인 기능 구현
  2. 불러들여온 img, 작성한 comment를 서버에 전송하기

프로젝트 진행 중 어려웠던 부분

1. 기능 구현

여전히 기능 구현을 어떻게 해나가야 할 지에 대해 약했다.
가장 큰 문제는 내가 모르는 것이 무엇인가조차 몰랐던 것이다.
특히 카카오 API를 이용한 로그인 기능을 구현할 때
공식 문서만으로 정답을 유추해내지 못해 여러 블로그를 전전했고,
결과적으로 효율적인 시간 활용에 실패했다.


comment와 img를 서버에 전달하는 기능도 마찬가지다.
Formdata 객체를 이용해야 한다는 키워드만 안 채로
혼자 해결하려고 끙끙대다 시간을 허비했다.
구글링을 통해 해결했으면 금방 끝났을 것을 괜한 오기를 부렸다.

2. 혼자 끝까지 알아내려는 습관

프로젝트가 끝난 후, 나에 대한 피드백을 팀원들에게 요청했다.
기본 지식이 부족하거나 기능 구현 연습이 필요해 보인다는 말을
들을거라 예상했는데, 공통적으로 나의 개발 태도를 체크해주셨다.

혼자서 해결하려는 태도는 좋지만, 만약 해결이 안되면
동료 개발자에게 물어보기도 하며 개발을 진행하는 것이
좋아보인다는 의견이었다.


배운 점

  • OPEN API를 활용한 기능 구현에 대해 알게 되었다.

  • 상태 관리에 대한 필요성을 느꼈다.
    ex) 부모 component의 data를 자식 component 여러 개에
    props로 전달하며 상당한 불편함을 겪음

  • Mockdata로 예상 데이터를 만들어놓는 습관을 만들었다.

  • Formdata 객체에 데이터를 저장해 서버에 전달하는 방법을 배움.


프로젝트를 마치며

팀으로서는 더할 나위 없이 좋았다.
각자 맡은 부분을 완벽하게 수행하며 매 sprint 동안 목표를 달성했고
서로 질문을 통해 모르는 부분을 보충하며 발전해
개발자로서 한층 더 성장하는 시간이 되어줘 좋았다.

profile
'Why' better than 'Yes'

0개의 댓글