본문 바로가기
웹 개발

[CSS] flexbox 속성 재밌게 배우기 - [Flexbox Froggy]

by castberry_ 2022. 11. 19.
반응형

https://flexboxfroggy.com/#ko

 

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

 


FlexboxFroggy.com은 CSS flexbox에 대해 재밌게 공부할 수 있는 게임입니다. 

 

다음은 FlexboxFroggy의 개발자와의 인터뷰입니다.  

https://thenewstack.io/open-source-leaders-thomas-park-hops-easy-css-development-flexbox-froggy/

 

Open Source Leaders: Thomas Park Hops to Easy CSS Development with Flexbox Froggy

The following interview is part of a series, called Open Source Leaders, where we profile project leaders in the open

thenewstack.io

반응형

다음은 flexboxfroggy의 주소입니다. 

https://flexboxfroggy.com/#ko

 

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

 

웹에 대해 재밌게 공부할 수 있는 이 게임은 웹개발할때 자주 쓰이는 

display: flex;

이 문장이 익숙하지 않다면 추천할 수 있는 게임입니다. 

 

단계는 총 24개로 이루어져 있고 

개구리들이 수련잎으로 이동 할 수 있도록 웹에서 알려주는 flexbox 속성을 이용하여 코드를 작성하는 게임입니다. 

 

반응형

'웹 개발' 카테고리의 다른 글

[Vue] watch 속성 / 예제  (0) 2024.03.11
[Vue] computed 속성 / 특징, 예제  (0) 2024.03.07
[Vue] 주로 쓰이는 디렉티브 정리  (0) 2024.03.04
JavaScript 예약어 모음  (0) 2022.07.30
node.js 다운로드 하기  (2) 2022.03.19

댓글