주제
2024 파리 올림픽에서 각 나라가 획득한 메달 수를 추적하는 Olympic Medal Tracker 만들기
사이트
올림픽 매달 트래커 사이트 바로가기
시연영상
개발기간
2024.08.10~ 2024.08.14
기술스택
sass, react
컴포넌트 구조
필수기능
- 시맨틱 태그 활용
- 레이아웃 최대 넓이는 1200px, 최소 넓이는 800px 로 제한, 가운데 정렬
- 나라 이름, 금은동 메달
수를 입력할 수 있는 제출 폼 구현 - 폼 제출 후 input 필드는 다시 빈 값으로 바뀌도록 구성
- 분리 : 컴포넌트 분리
- 등록 : 새로운 나라와 그 나라가 획득한 메달 수를 추가
- 조회 : 나라별 메달 집계 리스트 보여주기
- 수정 : 기존에 추가된 나라의 메달 수를 수정
- 삭제 : 나라 정보 삭제
- 정렬 : 메달 집계는 금메달 수를 기준으로 내림차순 정렬
도전기능
- 나라 이름 입력했을 때, 이미 등록된 국가라면 alert 메시지 띄우기
- 업데이트하는 국가가 등록되지 않은 경우 alert 메시지
- 메달 총 개수 보여주고, 메달 총 개수대로 정렬
- 메달 정보 로컬스토리지에 저장
