Jveloper

- 우선 flex의 큰틀을 하나 잡고가자 container item display order flex-direction flex-grow flex-wrap flex-shrink flex-flow flex-basis justify-content flex align-items align-self align-content - flex를 썼을때와 안썼을때 어떤 변화를 가져오는지 차이를 먼저 살펴보자 - row(열) / column(행) / row-reverse / column-reverse 먼저 row를 살펴보자. flex의 기본값은 row(열)이다 나는 열을 세로라고 정의했다 사진을보자 flex-direction: row 를 줬는데 아무일도 일어나지 않는다 당연한결과이다 위에서 말했듯 원래 flex의 기본값은..

position : 각각의 element가 화면상에 어디에 위치할것인가를 결정 static / relative / absolute / fixed static(default) : 원래 자신이 위치해야 할 자리에 정적으로 들어가있음 -> 위치와 관련된 설정을 하지않은 상태 left나 top과 같은 offset을 사용하기 위해서는 relative 라고 하는 포지션 타입을 지정해야 함 relative(상대적) : 부모에 대해서 상대적으로, 부모를 기준으로 위치가 정해짐 우선순위. left, top > right, bottom absolute(절대적) : html element 웹페이지의 제일 가장자리에 있는 경계에 있는 태그인 html element를 기준으로 위치를 정하고싶을때 부모중에 position typ..