
CSS
flex vs grid
블록요소를 가로로 정렬하거나 어떠한 공간에서 세로로 가운대 정렬해야 할 때가 온다. ie가 있을때는 flex와 grid가 호환이 잘 되지 않아서 display:inline-block, float, display:table-cell 등을 사용했는대 요즘은 flex나 grid로 해결한다. #차이점 Flex는 한 방향 레이아웃 = 1차원 Grid는 두 방향(가로-세로) 레이아웃 = 2차원 👀언제 사용하는게 좋을까? (개인적인 주관) 갯수가 정해져있을경우는 flex로 하면 편하고 그렇지 않을경우는 grid가 편하다. 또하나는 레이아웃안에 자식이 모두 같은 크기일 경우는 flex가 편하고 자식들이 각각 다른 사이즈로 해야할 경우는 grid가 편하다. #기본세팅 자식1 자식2 자식3 1.flex 1)부모요소 .wr..