| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- flex container
- JWT
- 백준
- 정보처리기사실기
- 기사퍼스트
- REACT
- 테스트 코드
- Flexbox Froggy
- Redux
- createstore 취소선
- github
- flexbox/grid 적용 여부
- input 컴포넌트
- prettier
- login button 컴포넌트
- git revert
- flexbox
- error
- 정보처리기사
- 모듈 관리
- flex item
- 카카오맵
- position
- 홍달쌤
- 조건부 스타일링
- react 상태 관리 라이브러리
- froggy
- 프로그래머스
- justify-content: center;
- 정보처리기사필기
- Today
- Total
목록flex item (2)
minyoung
flexbox froggy 정답 해설 기록✔️(11~15) - 5단계씩 정리 😀 총 24단계
11단계flex-direction: column;justify-content: flex-end;flex-direction: column;을 통해 주축을 수직으로 바꾸고justify-content: flex-end;를 통해 수직 기준으로 바닥으로 이동시켜준다.12단계flex-direction: column-reverse;justify-content: space-between; flex-direction: column-reverse;를 적용시켜서 주축을 수직으로 만들어주고, 아래에서부터 역순으로 배치한다.justify-content: space-between;을 적용시켜서 수직 기준 space-between으로 아이템 간의 사이 간격을 동일하게 만들어준다. 13단계flex-direction: row-reve..
flexbox froggy 정답 해설 기록✔️(6~10) - 5단계씩 정리 😀 총 24단계
6단계justify-content: center;align-items: center;ui 레이아웃을 배치 하다보면 align-items와 justify-content 속성을 같이 사용하는 경우가 많다.6단계에서는 이에 대비한 연습을 할 수 있다.주축이 수평이다.justify-content(주축에 적용) center를 통해 수평 기준 가운데로 위치시킨다.align-items(교차축에 적용) center를 통해 수직, 세로 기준 가운데로 위치시킨다.7단계align-items: flex-end; justify-content: space-around;주축이 수평이고, align-items 활용해 수직 기준 바닥으로 정렬한다 -> flex-end;그 다음 justify-content 활용해 수평 기준 space-..