# layout
템플릿 레이아웃 2. - 레이아웃 확장
flagment 를 활용하면 html 전체를 레이아웃을 만들어 호출시키고,수정되는 data 를 처리하는 부분만으로 쉽게 페이지를 구현시킬 수 있게된다.헤더, 푸터, 컨텐츠 등 각각을 fragment 로 만들면 application 을 다체롭게 만들 수 있겠지만 유지보수
템플릿 레이아웃 1. - tag 넘기기
fragment 는 변수, 객체 뿐 아니라 html 의 tag 도 넘겨줄 수 있다.생성 방법은 일반적인 fragment 생성방법과 동일하다.매개변수는 th:옵션="${매개변수}" 의 형태로 사용할 수 있다.옵션 은 fragment 의 호출방법인 replace, inse

[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-
레이아웃 스타일 4
배치 관련 스타일(position) position : relative; (상대적인) > 지정된 요소 내부에 다른 요소가 상대적인 위치를 지정할 수 있도록 기준이 되게 만드는 속성. 내부에 작성되는 요소에 위치 지정 시 top, bottom, left, right 속성을 사용할 ...
학습요약28 CSS Layout
inline 종류 <span>, <a>, <img>block 종류 <div>, <h1~6> , <p>, <form>, <header>, <footer>, <section>inline block : width, hei
레이아웃 스타일3
float(띄우다) > 요소를 띄워서 좌/우로 정렬하는 속성 float-left float-right clear > float로 인해서 띄워져 있는 상태를 해제하는 속성 (float 사용 시 겹침 문제가 발생하는데 이를 해결할 수 있음) clear:both(기본값)
레이아웃 스타일2
요소의 영역(여백) 관련 속성 HTML 요쇼는 총 4가지 영역으로 구성되어 있다. content 영역 요소의 내용이 작성 되어지는 영역 (시작태그와 종료 태그 사이에 작성되는 내용을 생각하면 됨) padding 영역 content 영역과 borde...
레이아웃 스타일1
레이아웃(layout) 사전적 의미 : 배치, 정리 기술적 의미 : 구성 요소를 제한된 공간에 효율적으로 배치하는 것을 의미. 화면 배치 방법(형식) : display 속성 요소가 화면에 어떻게 보여질지 형식을 지정하는 속성 block : 화면을 수직 분할(행을 나눔) ...
CSS FLEXBOX
CSS Flexible Box Layout Modulehttps://drafts.csswg.org/css-flexbox-1/display: flex 또는 display: inline-flex를 주면 그 내부의 요소가 flex 영역으로 선언된다.그 안에 있는 모

[CSS] display 속성: inline, block, inline-block
inline은 한 줄로 block은 나만 한 줄에 inline-block은 ...
[Kotlin] FrameLayout
이번 글에서는 Frame Layout에 대해서 알아보도록 하자.FrameLayout은 Flutter의 Stack 기능을 갖추고 있는 레이아웃이다.Flutter에서는 여러 위젯을 겹쳐서 UI를 보여주고 싶을 때 Stack을 사용하면 된다. Children 값의 Widge
[Kotlin] ConstraintLayout
LinearLayount에 이어서 이번에는 ConstraintLayout에 대해 글을 작성해 보겠다.Flutter에도 Constraints 위젯이 있는데, 같은 기능이라고 보면된다. 저는 Constraints 관련 위젯은 잘 사용하지 않습니다. Native 앱 개발시에
[Kotlin] LinearLayout
이제 드디어 Kotlin을 사용한 네이티브 개발을 기록하려고 한다. 코틀린으로 안드로이드 네이티브 개발을 한 번 해보고 Swift로도 IOS 네이티브 개발을 진행할 예정이다.양대 플랫폼 네이티브 개발을 경험해보고 원래 네이티브 학습 목적인 Flutter 플러그인 배포까
🥛 Layout: iOS_Storyboard @Rising Camp1
iOS platform에서 사용하는 Storyboard UI의 대표적인 기능 Autolayout에 대해 알아보자 :) RisingCamp 1주차 수업내용

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