민자의 지식창고

이전 글 참고하며... 2021.04.14 - [개발노트/CSS] - Flex Flex 시작하며... Flex는 레이아웃에 배치를 하며, 가장 많이 사용하는 방식인것 같습니다. Flex는 레이아웃 전용 배치 기능입니다. Flex는 표준스펙을 지원하지만, Grid는 legacy 버전만 지원하기 때문에 laheepapa.tistory.com Flex Items Flex Items를 위한 속성들은 다음과 같습니다. oreder : Flex Item의 순서를 설정 숫자로 Item의 순서를 설정을 합니다. ex> order : 1, -1, 0 (음수 설정도 가능합니다) 숫자가 클수록 뒤로 밀립니다. flex : flex-grow, flex-shrink, flex-basis의 단축 속성 Item의 너비(증가, 감소..

시작하며... Flex는 레이아웃에 배치를 하며, 가장 많이 사용하는 방식인것 같습니다. Flex는 레이아웃 전용 배치 기능입니다. Flex는 표준스펙을 지원하지만, Grid는 legacy 버전만 지원하기 때문에 둘다 알아두면 좋지만, 일단 Flex를 가장 많이 사용하고 있습니다. HTML의 기본구조는 다음과 같습니다. Parent 요소는 container를 `Flex container`라 부르고, Childeren 요소는 `Flex Item` 이라고 부릅니다. `컨테이너가 Flex의 영향을 받는 전체 공간이고, 설정된 속성에 따라 각각의 아이템들이 떤 형태로 배치되는 것`이라고 생각하시면 됩니다. Flex의 속성들은, Container에 적용하는 속성 Item에 적용하는 속성 Container에 적용하..

2021.04.12 - [개발노트/Javascript] - Array.prototype.filter() Array.prototype.filter() 시작하며... map()에 이어 이번에는 filter에 대해 보겠습니다. 조건문에 익숙해졌는데 아래 방법도 많이 써서 익숙해지도록 해야겠습니다. 2021.04.08 - [개발노트/Javascript] - Array-prototype.map() 본론.. laheepapa.tistory.com find() 메소드는 주어진 판별 함수를 만족하는 첫번쨰 요소의 값을 반환합니다. 그런 요소가 없으면, undefined를 반환합니다. const values = [5,12,8,9]; const found = values.find(el => el>10); // found ..