(React) WIL - 4주차 회고

 

❤️‍🔥WIL: Weekly I Learned

이번 주 한 일

1. 티스토리 포스팅 = 매일 TIL 일지 
2. 첫 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
사용 툴 defalut : VS code	Bootstrap, Git Bash, FileZila, AWS(ec2), gabia	Git, Git hub	Git, Git hub sourcetree, programmers	Git, Git hub sourcetree, firebase