# layout

238개의 포스트

템플릿 레이아웃 2. - 레이아웃 확장

flagment 를 활용하면 html 전체를 레이아웃을 만들어 호출시키고,수정되는 data 를 처리하는 부분만으로 쉽게 페이지를 구현시킬 수 있게된다.헤더, 푸터, 컨텐츠 등 각각을 fragment 로 만들면 application 을 다체롭게 만들 수 있겠지만 유지보수

2일 전
·
0개의 댓글
·

템플릿 레이아웃 1. - tag 넘기기

fragment 는 변수, 객체 뿐 아니라 html 의 tag 도 넘겨줄 수 있다.생성 방법은 일반적인 fragment 생성방법과 동일하다.매개변수는 th:옵션="${매개변수}" 의 형태로 사용할 수 있다.옵션 은 fragment 의 호출방법인 replace, inse

2일 전
·
0개의 댓글
·
post-thumbnail

SwiftUI - view layout

autolayout에 찌들어있는 아오스 개발자의 삽질

7일 전
·
0개의 댓글
·
post-thumbnail

[React] (pre-assignment) Layout, page routing, file structure

components: common JS filespages: routesnpm install react-router-dom(index.js)(app.js)(router.js)(Layout.js)<Outlet />을 컴포넌트를 보여주고자 하는 자리에 넣기react-

2023년 3월 3일
·
0개의 댓글
·

레이아웃 스타일 4

배치 관련 스타일(position) position : relative; (상대적인) > 지정된 요소 내부에 다른 요소가 상대적인 위치를 지정할 수 있도록 기준이 되게 만드는 속성. 내부에 작성되는 요소에 위치 지정 시 top, bottom, left, right 속성을 사용할 ...

2023년 2월 23일
·
0개의 댓글
·

학습요약28 CSS Layout

inline 종류 <span>, <a>, <img>block 종류 <div>, <h1~6> , <p>, <form>, <header>, <footer>, <section>inline block : width, hei

2023년 2월 22일
·
0개의 댓글
·

레이아웃 스타일3

float(띄우다) > 요소를 띄워서 좌/우로 정렬하는 속성 float-left float-right clear > float로 인해서 띄워져 있는 상태를 해제하는 속성 (float 사용 시 겹침 문제가 발생하는데 이를 해결할 수 있음) clear:both(기본값)

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

[CSS] overflow

stackoveflow 아니고 overflow

2023년 2월 20일
·
0개의 댓글
·
post-thumbnail

[CSS] margin 과 padding

패딩은 마진이 안 남아

2023년 2월 16일
·
0개의 댓글
·

레이아웃 스타일2

요소의 영역(여백) 관련 속성 HTML 요쇼는 총 4가지 영역으로 구성되어 있다. content 영역 요소의 내용이 작성 되어지는 영역 (시작태그와 종료 태그 사이에 작성되는 내용을 생각하면 됨) padding 영역 content 영역과 borde...

2023년 2월 15일
·
0개의 댓글
·

레이아웃 스타일1

레이아웃(layout) 사전적 의미 : 배치, 정리 기술적 의미 : 구성 요소를 제한된 공간에 효율적으로 배치하는 것을 의미. 화면 배치 방법(형식) : display 속성 요소가 화면에 어떻게 보여질지 형식을 지정하는 속성 block : 화면을 수직 분할(행을 나눔) ...

2023년 2월 15일
·
0개의 댓글
·

CSS FLEXBOX

CSS Flexible Box Layout Modulehttps://drafts.csswg.org/css-flexbox-1/display: flex 또는 display: inline-flex를 주면 그 내부의 요소가 flex 영역으로 선언된다.그 안에 있는 모

2023년 2월 14일
·
0개의 댓글
·
post-thumbnail

[CSS] display 속성: inline, block, inline-block

inline은 한 줄로 block은 나만 한 줄에 inline-block은 ...

2023년 2월 6일
·
0개의 댓글
·

[Kotlin] FrameLayout

이번 글에서는 Frame Layout에 대해서 알아보도록 하자.FrameLayout은 Flutter의 Stack 기능을 갖추고 있는 레이아웃이다.Flutter에서는 여러 위젯을 겹쳐서 UI를 보여주고 싶을 때 Stack을 사용하면 된다. Children 값의 Widge

2023년 2월 5일
·
0개의 댓글
·
post-thumbnail

[CSS] float & clear

둥둥 떠다니는 float와 그걸 없애는 clear

2023년 2월 5일
·
0개의 댓글
·

[Kotlin] ConstraintLayout

LinearLayount에 이어서 이번에는 ConstraintLayout에 대해 글을 작성해 보겠다.Flutter에도 Constraints 위젯이 있는데, 같은 기능이라고 보면된다. 저는 Constraints 관련 위젯은 잘 사용하지 않습니다. Native 앱 개발시에

2023년 2월 2일
·
0개의 댓글
·

[Kotlin] LinearLayout

이제 드디어 Kotlin을 사용한 네이티브 개발을 기록하려고 한다. 코틀린으로 안드로이드 네이티브 개발을 한 번 해보고 Swift로도 IOS 네이티브 개발을 진행할 예정이다.양대 플랫폼 네이티브 개발을 경험해보고 원래 네이티브 학습 목적인 Flutter 플러그인 배포까

2023년 2월 1일
·
0개의 댓글
·

🥛 Layout: iOS_Storyboard @Rising Camp1

iOS platform에서 사용하는 Storyboard UI의 대표적인 기능 Autolayout에 대해 알아보자 :) RisingCamp 1주차 수업내용

2023년 1월 24일
·
0개의 댓글
·
post-thumbnail

[React Native] Layout System

react native 정복기. Layout System에 대해 공부해보자-RN에서 레이아웃을 만들려면 Flexbox를 사용해야 한다. flexbox 복습할 계획이었는데 이렇게 다시 한번 공부하게 되는구나몇가지 예외를 제외하면 React Native의 flexbox는

2023년 1월 18일
·
0개의 댓글
·