| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- align-iitems
- align-content
- css 정리
- async/await
- 상속 (inheritance)
- 참조자료형
- 재귀함수 탬플릿
- props비구조화 할당
- display
- Promise Chaining
- 문자열을 객체로 만드는법
- probs.children
- 클래스 문법 구조
- Math.floor()
- 화살표함수 기본 개념
- 캡슐화 (encapsulation)
- flex-direction
- string
- justfiy-content
- 객체지향 프로그래밍 특징
- 조건문
- 첫번째 미니 프로잭트
- 얕은복사와 깊은 복사
- 재귀적으로 생각하기
- 추상화 (abstraction)
- 다형성 (polymorphism)
- class
- probs
- Promise all
- Instanc
- Today
- Total
목록display (2)
희락코딩
CSS 개념정리 / 플렉스 (정렬) flex!
플렉스 (FLIX) html의 구도를 좀 더 수월하게 해결 해주는 친구!!! 바로 플렉스 입니다. 이친구의 기본 옵션은 정렬입니다.이번 블로깅은 플렉스가 어떤식으로 적용 되는지 이미지를 통해 정말 가볍게 알아보도록 하겠습니다. flex 플렉스는 부모요소 안에 있는 자식들을 수평으로 정렬시켜주는 속성입니다. 플렉스로 나뉜 Flex items 와 Flex Contanier에 다양한 CSS 속성을 부여 할 수 있습니다. Flex Contanier display, flex-flow , flex-direction, flex-wrap justify-content, align-content, align-items Flex items order, flex, flex-grow, flex-shrink, flex-basis..
CSS 개념정리 / 박스모델
박스모델 CSS는 Html을 꾸며주는 친구 입니다! 쉽게 말해 html은 연예인 css는 스타일 리스트로 생각하면 편합니다. 이번 블로깅은 css의 기본개념인 박스모델의 속성에 대해 알아보겠습니다! 공부할 목차!!!! 1. width, height 2. 표현단위 3. margin 4. padding 5. border 6. box-sizing 7. overflow 8. display 9. opacity 1, width, height ▶ 요소의 가로/세로를 나타냅니다. auto 값을 주면 브라우저가 자동적으로 너비를 계산합니다. px, em, vw 등 단위로 지정합니다. ▶ 박스모델을 이해하려면 인라인 요소와 블록요소에 대한 개념이 잡혀 있어야 됩니다!!! 인라인 요소는 컨텐츠의 크기만큼 자동으로 줄어드려는..