Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- expo
- Vanilla
- javascript
- 계획
- github
- 오류
- scflix
- CSS
- Nomad
- 느낀 점
- 클론코딩
- react-hook
- 프로젝트
- Netflix
- react
- Clone
- vanilla js
- TiMER
- 마무리
- Firebase
- 바닐라 자바스크립트
- Nomad coder
- coding
- 자바스크립트
- react-native
- HTML
- Hook
- Nicolas
- 코코아톡
- Project
Archives
- Today
- Total
목록flexbox (1)
꾸매코딩
[Nomad coder/코코아톡 클론코딩 3일차(2)] Flex와 Position (#3.10 ~ #3.19)
1. Flexbox 배열하고자 하는 의 부모 에 display: flex; 명령어를 통해 flex 형태로 변경을 해주어야 한다. 여기서 중요한 점은 부모를 flex 한 container로 만들어 주는것이다. container 안에서 자식 를 우리 입맛대로 변경할 수 있다. main axis(주축) → justify-content : ~~; 주축 기준으로 정렬을 해준다. cross axis(교차축) → align-items : ~~; 교차축 기준으로 정렬을 해준다. 위치를 알아서 계산해준다. 사용자 화면 크기에 따라 맞춤 형태로 보여준다(반응형) 2. Position (default = static) 2.1 Fixed - Box를 계속 같은자리에 유지시켜준다. - position: fixed → Layer..
Clone Coding/Kakaotalk [HTML + CSS]
2021. 5. 5. 11:35