플렉스박스 프로기(Flexbox Froggy)는 CSS 코드로 개구리를 수련 잎에 보내는 학습 게임이다. [[플렉스박스]]의 정렬과 간격과 줄바꿈을 화면의 움직임으로 익히게 한다. 코드를 입력하고 결과를 확인하는 짧은 반복이 각 단계의 중심이다. 개구리가 도착해야 하는 위치가 분명하므로 속성의 효과를 구체적인 문제로 이해하기 쉽다. [[CSS]]의 배치 기능을 처음 배우며 즉각적인 [[피드백]]을 받고 싶은 사람에게 어울린다.

- [공식 웹사이트](https://flexboxfroggy.com/)

- [게임 소개](https://codepip.com/games/flexbox-froggy/)

## 기타 등등

- 저장소는 언어별 번역 기여자를 따로 적는다. 개구리가 여러 언어로 문제를 내는 뒤에는 코드를 쓰는 일 외의 참여도 있다. [출처](https://raw.githubusercontent.com/thomaspark/flexboxfroggy/gh-pages/README.md)
- 코드와 이미지의 라이선스를 구분해 안내한다. 공개된 게임을 다시 사용할 때도 프로그램과 그림이 같은 조건인지 따로 볼 필요가 있다. [출처](https://raw.githubusercontent.com/thomaspark/flexboxfroggy/gh-pages/README.md)

#웹사이트 #CSS #교육 #게임