내일배움캠프 미니 프로젝트
개발기간: 2023.05.15 ~ 2023.05.18
이세령 | 도지은 | 이우정 | 한희 | 황대성 |
---|---|---|---|---|
팀장 | 팀원 | 팀원 | 팀원 | 팀원 |
팀원 정보 수정하기 팀원 삭제하기 HTML/CSS Frame |
팀원 삭제하기 | 좋아요 버튼 기록하기 enter이벤트 |
팀원 추가하기 title logo |
팀원 전체 조회 CSS |
내일배움캠프에서 수행한 미니 프로젝트이며, 팀원을 소개하는 페이지입니다.
S.A. Notion : https://deeply-silence-9a4.notion.site/A-6-S-A-29de33c5802c468582229016e481e0f9
메인 페이지 | 입력 페이지 |
---|---|
- 팀원 카드를 추가할 수 있습니다. 팀원 추가하기 버튼을 클릭하면 입력 창이 나타납니다. 정보를 입력하고 등록하기 버튼을 클릭 or enter를 입력하면 정보가 저장됩니다. -> 주의 : 이름은 반드시 입력해야 합니다.
- MongoDB에 저장되어 있는 모든 카드 정보들을 보여줍니다.
- 팀원 정보를 수정할 수 있습니다. 팀원 추가하기 버튼에서의 입력창을 통해 정보를 수정할 수 있습니다. -> 주의 : 이름을 기준으로 수정되기에 이름은 반드시 입력해야 합니다.
- 팀원 카드를 삭제할 수 있습니다.
- x 버튼을 클릭하면 카드가 삭제됩니다.
- 하단 ❤️를 누르면 색이 변합니다.