일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- MVC패턴
- CSS3
- #CRUD
- Android
- kakaomap api
- HTML
- #DB #ERD모델링
- 메이플스토리
- #SpringBoot
- flexbox
- css
- #HTML
- 안드로이드 스튜디오
- Maplestory
- 팀 프로젝트
- javascript
- API
- #mysql
- php
- OMDb
- #Ajax
- springboot
- android studio
Archives
- Today
- Total
목록CSS3 (1)
천천히 전진

flexbox란 웹페이지의 레이아웃을 잡을 때 보통 display, float, position과 같은 css 속성들을 이용한다. 그런데 이러한 속성들로 레이아웃을 구현하는 게 몹시 복잡하거나 어려울 때가 있다.flexbox는 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식이다. 정렬, 방향, 크기, 순서 모두 css만으로 유연하게 조절할 수 있기때문에 다양한 레이아웃을 보다 쉽게 구현할 수 있다. flexbox를 연습하려고 OMDb(영화 오픈 api 사이트)에서 api를 활용해봤다. OMDb에 게시되어있는 파라미터값을 활용하여 영화,시리즈,에피소드의 기본적인 정보를 불러올 수 있다. 각각 파라미터에..
HTML,CSS,JS
2022. 12. 12. 17:25