(React) WIL - 4주차 회고
이번 주 한 일
- 티스토리 포스팅 = 매일 TIL 일지
- 첫 Project - fanpick = 프로젝트 완성 (기획 > 프로그래밍 > 배포)
Project review
또 느낀다.... 하루가 너무 짧다...
우선 회의를 통해 머리를 맞대고 SA 를 작성하며 기획을 했고,
우선적으로 난 팀원들이 같이 문제없이 작업 할 수 있도록 Git, github 'repository' 를 생성하고 팀원들을 합류시켰다.
프로젝트 키워드는 ' 팬 커뮤니티 서비스' 로 정해서 프로젝트 네임은 'fan pick' 으로 결정 되어
컨셉을 잡고, 레퍼런스 사이트도 정했다.
너무 감사하게도 창순님이 디자인 전공이셔서 와이어프레임 / 러프디자인 을 맡아주셔 첫 진행부터 수월하게 진행되었다.
내가 맡은 작업은 CRUD 였다.
create : 게시글 생성 read : 게시글 읽기 update : 게시글 수정, 업로드 delete : 게시글 삭제
또한 프로젝트가 firebase 를 활용해 작업을 해야했기에 프로젝트에 참여하는 대부분의 수강생이 firebase API 에 익숙해지는 데 시간이 걸렸다.
하지만 앞으로 리엑트 프로젝트 에서도 사용하고, 최 장점으로 서버리스(백엔드 개발자 없이) 사용하는 플랫폼이라 내가 꼭 익혀야 한다고 생각했고, 내가 맡은 부분에 최선을 다해 마무리 지어야겠다고 생각했다.
firebase 버전은 9.14로 사용하면서 오류를 만났을 때 구글에 정보가 많지 않아 당황하고 시간 할애도 많이 하며 부딪혔다😥
활용 서비스
- Authentication : 계정 관리
- Firestore Database : no-sql 데이터 베이스 관리(게시글 crud)
- Storage : 파일 관리(게시글 사진 활용)
crud 를 마무리 해서, 검색 서비스가 있으면 좋겠다 싶어서 vanilla javascript 로 검색기능을 구현 했다. 완벽하지는 않지만..ㅎㅎ 그래도 스스로 문제 해결을 해가며 도파민을 맛봤다.
팀장으로써 Git hub merge 시 충돌 해결과 동시에 각 브랜치 관리를 우선적으로 했고, 중간에 미리 test 오픈으로 AWS S3 를 활용해 호스팅서버를 구축했고 가비아 에서 도메인을 구매해 네임서버를 연결했다.
처음으로 호스팅서버와 도메인 연결을 각 다른 업체에서 해보면서 도메인 적용과정을 이해했다!
이번 프로젝트로 본격적인 프론트 작업의 플로우를 쭉 경험했고 쉽지 않다는 것을 알고는 있었지만 정말 쉽지 않았고,ㅋㅋ 코드를 완성해 가며 느낀 희열도 상당했다.
하지만 정말 솔직하게 아쉬웠던 점은,
우리가 첫 프로젝트를 하면서 강의에도 없는 내용으로 코드를 구현해야 하는 상황이 많이 있었고, 또 팀원들이 겪는 문제와 오류를 함께 해결 하면서 시간적으로도 촉박했다.
그렇지만 우리 팀원들이 항상 '팀장님', '대표님' 이라는 호칭으로 금방 친근해 질 수 있었고, 그만큼 믿고 잘 따라와 준 덕분에 필수기능을 빠르게 마무리하고, 선택기능까지 추가작업을 할 수 있었다. 첫 팀장으로써 부족한 점도 많았지만, 마무리까지 열심히 도와준 팀원들이 너무 고마웠고 팀장으로써의 역할과 책임 감을 많이 느끼게 된 프로젝트였다.
또 다음주도 한번 부딪혀 보자!
빠이팅그.
| 1 week | 2 week | 3 week | 4 week (project) | |
|---|---|---|---|---|
| 학습 내용 (프로젝트) | 웹개발 종합반 - HTML, CSS, Javascript, jQuery, JSON, AJAX, Python, Flask, MongoDB (로그인 페이지, 팬명록, 지니뮤직 크롤링, 화성땅 공동구매, 스파르타피디아, 버킷리스트, nohup 배포) | 자바스크립트(Javascript), 파이썬(python), 자료구조와 알고리즘(algorithm) | 버전관리프로그램(Git, github), 자료구조와 알고리즘(algorithm) | Firebase 활용 한 SPA(single page application) Project - fanpick |
| 사용 툴 (default : VS code) | Bootstrap, Git Bash, FileZila, AWS(ec2), gabia | Git, Git hub | Git, Git hub, sourcetree, programmers | Git, Git hub, sourcetree, firebase |