1일차 TIL : 미니프로젝트

학습내용

• 미니프로젝트 회의
• 개인페이지 제작

미니프로젝트 회의 내용

• 팀 소개와 팀원 명단을 보여주는 메인 페이지
• 메인 페이지에서 팀원 카드 클릭시 개인페이지로 이동
• 개인 페이지는 부트스트랩 카드와 방명록 기능을 포함하여 각자 제작
  
  

개인 페이지 구현 내용

1. 자기소개

• 필수요소에 있었던 부트스트랩 중 카드 템플릿 사용
• 깔끔한 UI를 위해 방명록과 사이즈를 동일하게 변경
• text-align을 왼쪽 정렬로 변경

2. (추가기능)방명록 작성 부분 열고 접기

👉🏻 깔끔하고 직관적인 UI를 위해 사용

• 부트스트랩 사용
• 방명록 작성하기 버튼을 누르면 방명록 작성창이 오픈되면서 '접기' 버튼으로 자동 변경

3. 방명록 등록

• 웹개발종합반 강의 중 팬명록 응용
• (추가기능)등록버튼을 누르면 현재 날짜와 시각이 자동으로 DB에 저장
  👉🏻 방명록이 어떤 순서로 작성되었는지 확인하기 위해 추가한 기능. num값을 받고 있기에 num을 보여줄 수도 있지만 중간에 삭제하게 되면 숫자가 맞지 않게 되므로 날짜와 시각으로 표기하는 방식 채택

4. 방명록 불러오기

• 웹개발종합반 수업 중 팬명록 내용 응용
• (추가기능) 방명록이 작성된 날짜와 시간 표시

5. (추가기능) 읽음 표시

• 웹개발종합반 강의 중 버킷리스트 완료버튼 응용
• 🤍(안읽음)를 누르면 🖤(읽음) 상태로 변경
  ❗️ 방명록을 지우고 다시 등록하는 과정에서 num값이 중복되는 현상 발생. 이 경우 나중에 부여된 중복값은 🤍를 눌러도 상태가 변경되지 않으므로 데이터 관리에 주의가 필요함