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

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

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

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

 

TODAY GOAL

DB에서 데이터 받아 처리하기

다른 동료들이 만들어둔 페이지와 연결하기

여유시간 존재 -> CSS 모양, 형태 다듬기 진행.

 

TODAY DONE

> 팀원 리스트 

• 실패 case 핸들링 하는 방법 등등.
• 팀원 리스트
• 팀원 명 → DB에서 받아올 것. key를 팀원 이름으로 설정
• 클릭 이벤트 → 클릭 시 해당 팀원의 데이터로 사원증을 채우도록 해야함

 

>사원증

• 카드 앞면
  • 아이콘 클릭시 하이퍼링크를 통해 해당 사이트(새탭에서 보기)로 연결
  • 데이터 연결
• 카드 뒷면
  • 데이터 연결
• 페이지 연결
  • href를 사용해 각각의 페이지 접근 가능하도록 처리할 것.

 

---

 

ISSUES

(04.16 이슈) 배경 전체 화면이 불가능해짐-> 생각해보니 전체 통일해야함! 그래서 팀원들이 작성해둔 코드를 참고하여 수정했다.

(기존 코드 > 수정 코드 기입)

(04.17 이슈 1) 메일을 보내는 부분에 대한 고찰. -> 말 그대로 고찰만 했다. 팀원들에게 물어서 mailto 기능을 활용하면 앱과 연동하여 메일을 보낼 수 있는 비슷한 기능이 생긴다고 들었다. (튜터님 포함)

(04.17 이슈 2) 깃 push 이슈... -> 깃 사용이 미숙하다. pull 하지 않고 push를 해버렸는데 사실 지난번에 업로드 할 때에도 비슷한 실수를 해서 merge해서 처리 했었으나, push 기록을 지우고 pull을 받은 후 다시 push하는 기능을 사용해보았다.(천만 다행으로 그 사이 아무도 커밋을 하지 않았다.) 

 

RESULT

 

FEEDBACK

추가 요구사항 및 발견된 버그들 (튜터님과 팀원들에게 받은 피드백)

1. 들어온 데이터가 비어있는 경우 --> 이전에 있던 데이터가 그대로 남아 있다.
   • 사용자가 데이터를 전부 입력하지 않아, 빈 필드가 존재 할 경우 발생하는 문제
2. 주소 입력시 https:// 가 별도로 입력되어 있지 않은 링크를 입력할 시 접속이 안됨.
3. 메일을 보낼 수 있도록 처리
4. 각각의 데이터 앞에 어떤 데이터인지 알려주는 부분이 필요하다.
5. 이미지가 크롭되지 않고 1:1비율이 아니라 그냥 눌려진다.
6. 그리고 기타 css 형태 수정 필요.

과연, 내일 오전중으로 끝낼 수 있을 것인가......

 

느낀점

역시...  피드백을 받기 전과 후, 내가 개발한 코드와 결과를 보는 시선이 달라지는 것 같다. 이것이 팀으로 협업하는 큰 이유중 하나가 아닐까 싶다. 피드백을 받은 대로 코드를 수정해보고, 또 테스트 해보고 중간중간 문제가 생기는지 확인하는 시간을 좀 오래 가져봐야 할 것 같다.

시간이 너무 순식간에 흘러간다. 좀 더 시간을 잘 사용해보자!!!  (╯°□°）╯︵ ┻━┻