| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
- 이친수문제
- aspect-ratio
- C
- 백준
- 2193
- Flexible box
- ESP8266WiFi
- @supports
- 백준자바
- 백준15988풀이
- scroll-snap
- scss
- 프로젝트초기설정
- dp문제
- reactNative
- CSS Flex
- 연결리스트
- 백준 #백준2661 #좋은수열 #Java #코딩
- ESP8266
- 백준문제풀이 #백준 #백준문제 #스타트택시
- ESP-01
- peap
- 백준java
- 리액트네이티브
- 노마드코더
- 포인터
- ESP-01WiFi
- 아두이노 우노
- 백준풀이
- CSS
- Today
- Total
목록CSS (2)
코딩 농장
[CSS] 최신 CSS 써보자(feat.노마드코더) / @supports / scroll snap / gap / aspect-ratio
인턴이 되고 정말 바쁘게 살면서 공부할 시간이 없었는데, 유튜브 추천 영상에 뜬 노마드 코더님.. (유튜브 볼 시간은 있음ㅋㅋ..ㅠ 노력하자..) https://www.youtube.com/watch?v=lkTpOHv1Ros CSS로 가능하면 편할것 같아서 써보려고 한다! 환경 goorm IDE(클릭시 이동) React 프로젝트 생성 제가 구름 ICT 인턴인거든요 헿 1. @supports flex의 space-evenly는 IE에서는 제공하지 않는다. 그래서 위와 같이 보인다. ( 저 주소는 내가 컨테이너 실행을 해야만 열려서 들어가봐도 소용 x ) 코드는 간단하다. import React, { Component } from 'react'; import logo from './logo.svg'; imp..
[CSS] Flex 정리
자꾸 안에 속성들을 까먹어서 구글링 하는 나를 위해 CSS의 Flexible Box 속성을 정리해보려고 한다. 아래처럼 div가 구성되어있다고 하자. /* 내가 자주 쓰고 잘 아는 부분 */ Container 에게 Flex를 줘야한다. display: flex / inline-flex container가 inline이 되느냐, 아니냐의 차이같다. 그 다음 속성으로는 내부 item의 방향을 정하자. flex-direction: row / column / row-reverse / column-reverse 방향을 정했더니, item이 삐져나갔네. 줄바꿈 처리를 하자. flex-wrap: no-wrap / wrap / wrap-reverse 위 두개를 같이 하자. flex-flow: row wrap / dir..