그리드 기본 용어

Grid

 웹 화면의 폭을 몇개의 컬럼으로 나누는 것 → 각 컨텐츠등을 효율적으로 구성하기위해 사용 → 웹사이트의 구조, 설계.

 

웹 그리드(Web Grid)

웹에서 표현되는 데이터 그리드 → 통상적으로 자바스크립트 → 데이터 처리

note

- 데이터를 화면에 표시하고, 정렬하며 그룹화 하고 편집하기 쉽도록 도와준다. → 엑셀과 비슷한 역할

- 가변 그리드(Flexible Layout) : 웹사이트를 만들 때 화면 크기에 구애 받지않고, 자유로운 확장, 축소가 가능하도록 픽셀(px) 대신 

퍼센트(%)로 제작하는 기술이다.

부트스트랩(BootStrap)

 화면 크기에 따라 적절히 조절되는 12컬럼의 그리드 시스템을 가지고 있다.  이 그리드 시스템으로인해 유동적으로 사이즈에 맞게 조절된다.

반응형 웹 디자인(Responsive Web Design)

 화면 너비에 따라 유동적으로 변하는 유둉헝 레이아웃과 유연한 이미지, 미디어 쿼리가 어우러져 특정 환경에 최적화된 방법이 아니라 환경에 반응하여 동적으로 바뀌는 방법.