
flex flex-container :: parent 여러 개의 플렉스 아이템을 포함한 부모 역할 flex-direction : 박스가 늘어나는 방향 flex-wrap : 박스가 다음 줄로 넘어가는 방식 align-item, justify-content : 자식 요소 정렬 flex-item :: children 컨테이너 안에 위치하면서 박스 하나 하나의 모양을 결정 flex-basis : 박스의 크기 flex-grow, flex-shrink : 그 크기가 변경되는 방식 order : 컨테이너 안에서 나열되는 순서 align-self : 보통은 컨테이너가 아이템을 정렬하지만, 아이템 스스로 정렬 방식을 선택할 수도 있음 flex-direction .container { flex-direction: row(..
크기 단위 px, em, rem, % 기본 폰트사이즈는 16px, 1em, 100% px - 절대값 px은 화소 1개의 크기를 의미한다. 픽셀은 디바이스 해상도에 따라 상대적인 크기를 갖는다. 주로 요소의 크기나 이미지의 크기 지정에 사용된다. em - 상대값 em은 배수 단위로 상대단위이다. 1em 요소에 지정된 사이즈와 같고 2em은 요소에 지정된 사이즈의 2배이다. em의 기준은 상속의 영향으로 바뀔 수 있다. rem (root em) rem은 최상위 요소 (html)의 사이즈를 기준으로 삼는다. rem의 r은 root를 뜻한다. Viewport 단위 vh, vw, vmin, vmax 반응형 웹디자인은 화면의 크기에 동적으로 대응하기 위해 %를 자주 사용하는데 % 단위는 em과 같이 상속에 의해 부..
- Total
- Today
- Yesterday
- BOJ
- JS 딥다이브
- HTTP 완벽가이드
- JPA 연관관계 매핑
- js promise
- 이펙티브자바
- 백준
- js api
- 프로그래머스 SQL
- 이펙티브자바 아이템60
- HTTP 완벽 가이드
- 김영한 http
- 킹수빈닷컴
- 프로그래머스
- 패스트캠퍼스 컴퓨터공학 완주반
- js array
- GCP
- http
- 이펙티브자바 스터디
- 김영한 JPA
- 이펙티브자바 아이템59
- 백기선 스터디
- REST API
- 집 구하기
- dreamcoding
- 가상 면접 사례로 배우는 대규모 시스템 설계 기초
- 모던자바스크립트
- java
- Spring Security
- 드림코딩
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |