안그래도 flexbox가 아직 낯설어서 무진장 연습해야겠다 생각중일 때,

스터디원 분께서 flexbox를 연습할 수 있는 게임을 추천해주셨다.

이름은 flexbox froggy!

 

css 속성을 사용해서 개구리들을 각 위치로 옮기는 게임인데,

레벨이 올라갈수록 사용해야 하는 속성도 많아지고 단계도 복잡해진다.

난이도는 그렇게 높지 않으니 초보자들이 연습삼아 해보기 좋은 것 같다.

 

23단계까지는 쭉쭉 해나가는 나를 보며 괜히 뿌듯하기도 하고..ㅋㅋㅋ

24단계에서 약간 시간이 걸렸지만 그래도 성공!

 

 

성공 인증샷 빠밤

 

사실 다른 게임들도 재밌어보여서 나중에 내가 해보려고 저장해놓는 글..ㅋㅋㅋ

 

flexbox froggy는 아래 링크를 통해 할 수 있다.

https://flexboxfroggy.com/#ko

 

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

 

단계별 정답은 아래 블로그에 잘 정리되어 있으니 참고!

https://hj-tilblog.tistory.com/90

 

Flexbox Froggy 정답

 Flexbox froggy! 혹시 도움이 될지몰라 포스팅을 한다. CSS에서 태그의 정렬기능을 담당하는 flex를 쉽게 학습하고 실습할 수 있는 학습게임사이트다. 개구리가 정해진 수련잎으로 이동하면 다음단

hj-tilblog.tistory.com