728x90 반응형 SMALL 레이아웃6 [Website] 레이아웃 / 그리드 시스템 레이아웃 (Layout) 레이아웃 (layout)이란 특정 공간에 여러 구성 요소를 보기 좋게 효과적으로 배치하는 작업을 의미한다. 웹 페이지의 레이아웃은 웹 사이트의 외관을 결정짓는 매우 중요한 요소이다. wrap : 모든 레이아웃을 감싸고 있는 레이아웃 header : 기본적으로 웹 사이트 로고나 메인 메뉴가 들어가는 레이아웃 container : sidebar 레이아웃과 content 레이아웃을 감싸는 레이아웃 sidebar : 서브 메뉴를 표시하는 레이아웃 content : 페이지의 내용을 표시하는 레이아웃 footer : 저작권 글이나 기타 메뉴가 들어가는 레이아웃 컨테이너 (Container) 컨테이너는 웹 페이지의 콘텐츠를 감싸 주는 역할을 한다. 부트스트랩에서는 레이아웃을 구성하는 데 필요.. 2023. 6. 5. [Website] 부트스트랩 (Bootstrap) 부트스트랩 (Bootstrap) 부트스트랩은 웹 개발자들이 빠르게 반응형 웹사이트를 만들 수 있도록 도와주는 오픈 소스 프레임워크이다. 부트스트랩 5는 HTML, CSS, JavaScript를 사용하여 제공되며 다양한 레이아웃, 그리드 시스템, 컴포넌트 등을 제공하여 웹 개발을 손쉽게 만들어 준다. jQuery 제거 : 부트스트랩 5에서는 jQuery를 사용하지 않는다. 대신, Vanilla JavaScript로 작성된 코드로 대체되어 더 가볍고 빠른 웹사이트를 제공한다. 사용자 정의 및 확장성 : 부트스트랩 5는 사용자 정의가 더욱 쉽도록 설계되었다. 개발자들은 SCSS 변수를 활용하여 기본 스타일을 쉽게 변경할 수 있으며, 더 많은 유틸리티 클래스를 통해 디자인을 빠르게 조정할 수 있다. 개선된 그리.. 2023. 6. 1. [Android Studio] 레이아웃 (3) 레이아웃 위치 뷰의 도형은 직사각형이다. 뷰에는 위치가 있으며, 이는 한 쌍의 왼쪽 및 상단 좌표, 그리고 두 개의 치수가 너비와 높이를 나타내는 형식으로 표현된다. 위치와 치수의 단위는 픽셀이다. 뷰의 위치를 검색할 수 있다. getLeft() 및 getTop() 메서드를 호출하면 된다. 전자는 뷰를 나타내는 직사각형의 왼쪽, 즉 X 좌표를 반환합니다. 후자는 뷰를 나타내는 직사각형의 상단, 즉 Y 좌표를 반환한다. 이들 메서드는 둘 다 뷰의 상위 요소에 상대적인 뷰의 위치를 반환한다. 예를 들어, getLeft()가 20을 반환하는 경우 이는 뷰가 그 뷰의 직접적인 상위 요소의 왼쪽 가장자리에서 오른쪽으로 20픽셀 떨어진 곳에 있다는 뜻이다. 그 외에도 불필요한 계산을 피하기 위해 여러 가지 편의 메.. 2022. 8. 4. [Android Studio] 레이아웃 (2) 속성 모든 View와 ViewGroup 객체는 고유한 여러 가지 XML 속성을 지원한다. 어떤 속성은 View 객체에만 적용되지만 (ex: TextView는 textSize 속성을 지원), 이 속성은 이 클래스를 확장할 수 있는 View 객체에 의해 상속받은 것이다. 어떤 속성은 루트 View 클래스에서 상속되기 때문에 (ex: id 속성) 모든 View 객체에 공통적으로 적용된다. 기타 속성은 '레이아웃 매개변수'로 간주되며 이 매개변수는 View 객체의 특정 레이아웃 방향을 설명하는 속성으로, 이 객체의 상위 ViewGroup 객체가 정의한다. ID View 객체는 트리 내에서 뷰를 고유하게 식별할 수 있는 정수 ID가 연결될 수 있다. 앱을 컴파일할 때 이 ID는 정수로 참조되지만, 일반적으로 레이.. 2022. 8. 4. [Android Studio] 레이아웃 (1) 레이아웃 레이아웃은 앱에서 사용자 인터페이스를 위한 구조 (ex: 활동)를 정의한다. 레이아웃의 모든 요소는 View와 ViewGroup 객체의 계층 구조를 사용하여 빌드된다. 일반적으로 View는 사용자가 보고 상호작용할 수 있는 것을 그린다. 반면, ViewGroup은 그림과 같이 View 및 기타 ViewGroup 객체의 레이아웃 구조를 정의하는 보이지 않는 컨테이너이다. View 객체는 일반적으로 '위젯'이라고 하고 Button 또는 TextView와 같은 여러 서브클래스 중 하나일 수 있다. ViewGroup 객체는 일반적으로 '레이아웃'이라고 하고 LinearLayout 또는 ConstraintLayout과 같은 다양한 레이아웃 구조를 제공하는 여러 유형 중 하나일 수 있다. 레이아웃 선언 U.. 2022. 8. 4. [PySide] 레이아웃 (Layouts) (1) 레이아웃 (Layouts) 창에 둘 이상의 위젯을 추가하고 위젯이 끝나는 위치를 제어하기를 원한다. Qt에서 이것을 하기 위해 우리는 레이아웃 을 사용한다. Qt에는 4가지 기본 레이아웃이 있으며 다음 표에 나열되어 있다. Qt에는 세 가지 위치 레이아웃이 있다. (VBoxLayout, QHBoxLayout 및 QGridLayout). 또한, QStackedLayout는 한 번에 하나의 레이아웃만 표시하면서 동일한 공간 내에서 위젯을 다른 위젯 위에 배치할 수 있는 기능도 있다. 시작하기 전에 간단한 애플리케이션 개요가 필요하다. 다음 코드를 파일에 저장한다. import sys from PySide6.QtWidgets import QApplication, QMainWindow, QWidget from .. 2022. 6. 23. 이전 1 다음 728x90 반응형 LIST
