처음에 'press Enter' 문구가 표시되는 인터랙티브 애플리케이션을 만드세요. Enter 키를 누르면 화면 중앙에 점이 있는 동적 이미지가 나타납니다. 점이 5px씩 점점 커지면서 동시에 새로운 점이 화면 중앙에 나타나도록 기능을 구현하세요. 이 과정은 무한히 반복되어야 합니다.

프로젝트 개요
- 'press Enter' 문구를 처음에 표시합니다.
- Enter 키 입력에 반응하여 화면에 점 애니메이션을 생성합니다.

UI/UX 디자인 및 흐름
- 상호작용에 집중한 깔끔하고 미니멀한 인터페이스.
- 화면 중앙에 'press Enter' 문구를 표시합니다.
- 상호작용 후, 점이 커지며 새로운 점이 나타나는 동적 효과에 집중합니다.

핵심 기능 및 로직
- Enter 키에 대한 키보드 이벤트 리스너를 구현합니다.
- Enter 키 입력 시 중앙에 10px 반지름의 점을 생성합니다.
- 각 반복마다 점의 크기를 5px씩 증가시킵니다.
- 현재 점이 커짐에 따라 중앙에 새로운 점이 생성되도록 합니다.
- 이 과정을 무한 반복하여 지속적인 시각 효과를 만듭니다.

최고의 실천 방안
- 점 확장과 새로운 점 등장 시 부드러운 전환과 애니메이션을 구현합니다.
- 지속적인 상호작용에도 지연이나 끊김이 없도록 성능을 최적화합니다.
- 다양한 화면 크기와 해상도에 적응하는 반응형 디자인을 유지합니다.

show the phrase "press Enter". If press Enter, create dynamic picture with a dot in the center of the screen, it enlarges, dot +n1, when it enlarges n+1, a new dot in the center appears, continue always

Q: What size should the initial dot be?
A: Example: 10px radius

Q: How much should the dot enlarge with each step?
A: Example: grow by 5px