레이아웃이란?공간 안에 어떻게 배치, 배열 할지를 정하는 것을 레이아웃이라고 합니다. 우선적으로 만들기 전에 어떤 식으로 레이아웃을 잡을지를 정해야 게슈탈트를 이용해서 만드는데 효율적입니다. 이렇게 짠 후에는 어떻게 해야할까요?박스와 컬럼게슈탈트에는 레이아웃을 잡는 방법이 2가지 있습니다. Box와 Column입니다. Box에는 column이라는 속성이 있습니다. 0~12의 값을 넣으면 됩니다. Column에는 span이라는 속성이 있고 똑같이 여기에 0~12사이의 값을 넣으면 됩니다. 직관적으로 생각하시면 편합니다. 전체 차지하는 부분중에서 12는 전체를, 1은 1/12를 뜻합니다. 가져야 하는 공간안에서 숫자만큼의 넓이를 가집니다. 박스와 플렉스박스Box 컴포넌트에는 Column이라는 속성도 있지만 ..
프론트엔드의 프레임워크빠르게 개발하기 위해서는 프레임워크를 사용하는 것이 아주 좋습니다. 프론트엔드 개발 쪽의 프레임워크들은 디자인적으로 어느정도 완성된 것들을 제공해준다는 특성이 있습니다. 즉 예쁜 텍스트 창을 미리 만들어 놓고 제가 몇몇의 세부사항은 넣으면 그 세부사항에 맞게 예쁜 텍스트 창을 제공해주는 것입니다. 그리고 반응형 웹 애플리케이션도 또한 쉽게 만들 수 있도록 해줍니다. 프론트엔드 개발 쪽의 프레임워크는 레이아웃을 잡는 기능도 제공해주기 때문입니다. 가장 많이 사용하면서 유명한 프론트엔드 쪽의 프레임워크는 트위터의 부트스트랩이 있습니다.리액트의 프레임워크 게슈탈트게슈탈트는 핀터레스트에서 만든 프레임워크입니다. 핀터레스트의 깔끔한 디자인을 담은 UI를 이용할 수 있다는 점이 매우 좋습니다...