미니 프로젝트 - 팀 소개 웹페이지 개발 (3)

이전 진행도 : 미니프로젝트(2)

글을 다듬는 것은 추후에 시간을 들여서 할 것. 일단 기록해두는 것에 초점을 두기로 했다.

 

TODAY GOAL

어제 받은 피드백들을 처리하고, 그 이외의 수정사항이 있다면 수정하기!

 

TODAY DONE

메인 화면

• 팀원 소개 페이지로 들어갔을 때, 바로 보이는 화면 내 디폴트 값 지정하기.

카드 앞면

• 링크 처리 → 이메일 , 깃허브, 블로그
  • extra issue: 공란일 경우→ 처리
• 기술스택에 글자수 제한을 걸수 있는지 확인해보기

카드 뒷면

• 필드명 추가 → [field - data] 양식
• 데이터 왼쪽 정렬
• 받아오는 데이터가 길면, 스크롤 기능 추가해 공간 더 확보하기.

수정하기 버튼

• 버튼 디자인 변경

---

 

ISSUES

바보이슈 1.

git ignore 에 들어갈 파일을 따로 받지 않아서 실행 못시킴.. 바보다.. ( 보안 이슈로 팀원들끼리 협의했는데, 옮기고 나서 자동으로 되었는가보다 생각한..) 그래도 팀원들에게 물어보고, 왜 로그인이 안되는지 그런것 들을 이야기 하다가 금방 해결해서 다행이다. 팀 작업에 문제 생기진 않았고, 그냥 약간의 기억력 문제

바보이슈 2.

firebase 데이터 수정 안하고 push 해버렸다.. 새 레포를 판 이유가... 없어졌다. 팀장님이 나서서 새로 레포를 다시 파주셔서 다행이다.어떻게 이런 실수를..?

여기서 궁금한 점이 생겼다. 커밋 이력 자체를 삭제할 수 있는 기능은 없을까? 있을 것 같은데. 아니면 다른 팀원들이 pull 한 상태에서 커밋 이력 삭제후 다시 pull 했을 때, 이러한 문제를 레포 새로 작성하는 방법이 아닌 다른 방법으로 처리할 수 있을까?

이슈 3.

블로그나 주소 입력시 'https://'가 데이터에 들어오지 않았을 때에도 자동으로 해당 사이트로 들어갈 수 있도록 처리하는 방법 구현 → 빈 문자열이 들어갈 경우에 대한 처리를 해결하지 못했었다.

빈 문자열의 경우 비어있는것이 아닌, 무언가 존재하는걸로 처리된다.

ex) data.github.length => 1

firebase 내 데이터 => github : ""

"" 의 길이 ==1

>> DB에 따라 다를 수 있다라곤 하지만, 머리로는 이해가 되지 않아 머리가 아팠다. 지금 코드에는 length==1일때,로 처리해 빈 문자열이 있는 경우 아무것도 없는 null값이 들어가도록 처리했다.

 

 

RESULT

초기 페이지 (팀원 이름을 누르기 전의 형태)

 

해당 이미지는 은혜님 화면으로 ! (얼굴이 나와 있지 않은 팀원이 있어서 정말 다행 ;;)

 

느낀점

욕심이 하나 있다면?

CSS를 통해 오브젝트들의 크기를 비율로 처리하는 것. (MAX 사이즈, MIN사이즈 지정해서) -> 반응형 구현이 되는 모습을... 두 눈으로 직접 보고싶다...

나중에 개인 홈페이지를 한번 만들어보고싶었는데, 이번 프로젝트가 상당히 도움이 많이 되는 것 같다. 당장 4개월 동안은 프론트 쪽은 다룰 일이 없을테지만, 시간적 여유가 생긴다면 천천히 디자인부터 프론트 쪽 구현을 해봐야겠다.

아무튼 3일간의 팀 프로젝트가 생각보다 괜찮게 마무리되어 행복하다!