# layout

스프링부트 쇼핑몰 프로젝트(3)
: 화면을 동적으로 만들기 위해 템플릿 엔진을 사용해야 함. ➡️ 미리 정의된 템플릿을 만들고 동적으로 HTML페이지를 만들어서 클라이언트에 전달하는 방식. 요청이 올 때마다 서버에서 새로운 HTML 페이지를 만들어주는 방식이다.서버 사이드 템플릿 엔진ex) Thyme

Next 13 - layout 설정하기
안녕하세요👋이번 게시글은 Next.js 13 버전의 layout 설정에 대한 내용을 정리하고자 합니다.app directory에서 가장 위에 있는 layout.tsx는 프로젝트의 모든 페이지에서 사용되는 루트 레이아웃입니다. 즉, 해당 파일의 view가 모든 페이지에

[ 모바일 뷰 ]레이아웃 세팅 하기
프로젝트 시작에 앞서 우리는 모바일 웹 우선으로 진행하기로 해서 vscode 에서 레이아웃을 모바일웹으로 설정해야 한다고 한다일단 우리가 정한 표준 규격을 살펴보자모바일 반응형은 가로 미니멈사이즈 375, 맥시멈 600이다600px이 넘어가면 600px인 최대 화면을

Spring boot tiles mapping
초기세팅 pom.xml 추가 지금까지는 계속 MVNREPOSITORY 에서 받았는데,, 이번에는 sonatype 에서 받았다. 둘의 차이점은 없고, 맘에 드는 사이트에서 받아 쓰면 된다. application.yml prefix와 suffix를 안쓰고 tiles를

html layout
고정형 layout으로 화면크기를 줄여도 화면 상태가 그대로 유지된다.media query를 사용하면 화면 size에 따라 배경화면을 바꿀 수 있다.

[Next.js] Next.js Page, Layout, Template 배우기
Next.js에는 page.tsx, layout.tsx, template.tsx가 존재합니다.(js일 경우엔 .jsx)Page.tsx는 말그대로 페이지를 구성하고, Layout.tsx는 그 페이지를 감싸는 레이아웃을 지정해줍니다.(자세한 내용은 공식문서 참고)이렇게 다
1025
pom.xmljstl, tomcat-embed-jasper 의존성 주입Tiles의 태그 및 설정을 사용하기 위해 tiles 의존성 주입 (tiles-jsp, tiles-el)기존 MyBatis와 동일한 설정Tiles 설정은 TilesViewResolver를 사용하므로,
ConstraintLayout vs Other Layouts
https://medium.com/@wodbs135/번역-constraintlayout-performance-ba92200670e위 포스팅을 기반으로 여러가지 질문을 통하여 지식을 습득한 것을 정리한 게시글 입니다.계층화가 심해지면 Measure, Layout
CoordinatorLayout 이란
CoordinatorLayout은 안드로이드의 레이아웃 컨테이너 중 하나로, 안드로이드 디자인 라이브러리와 함께 소개된 상대적으로 새로운 레이아웃입니다. CoordinatorLayout은 머터리얼 디자인 컴포넌트 및 다양한 애니메이션 효과를 구현하기 위해 사용되는 레이

Layout & View
💡 View 란? : 화면을 구성하는 모든 기본 화면의 구성 요소, view는 view를 포함할 수 있음 \- Id : 뷰의 식별자 속성 \- layout_width, layout_height : 뷰의 크기 지정 (match_parent, wrap_content
Bootstrap / Grid
Bootstrap 사용한 복붙식 개발getbootstrap.com 에 방문하여 마음에 드는 UI 요소를 골라서 HTML 파일에 복붙하면 웹개발이 끝!하지만 제공되는 UI 들의 디자인까지 그대로 쓰라는 건 아니고 거의 뼈대디자인 밖에 없기 때문에 CSS 파일과 class
Next.js App Router에 대해 알아보자(3. 페이지와 레이아웃)
페이지 경로에 대한 고유 UI입니다. page.tsx에서 만듭니다. 페이지에 대해 다음 사실을 알면 도움이 됩니다. > 페이지는 모든 라우터 서브트리에 리프노드입니다. 페이지는 기본적으로 서버 컴포넌트로 구성되지만 클라이언트 컴포넌트로도 사용이 가능합니다. 페이지는

[생활코딩] Next.js - 라우팅(Routing)
라우팅 "http://a.com/dashboard/analytics/"라는 주소가 있을 때, "/dashboard/analytics/" 부분을 'path'라고 한다. 그리고 'dashboard'와 'analytics'는 각각 'segment'라고 부른다. 이 때 사용자가 접속한 URL의 path에 따라서 콘텐츠를 응답해주는 작업을 라우팅이라고 한다. 어...

#5.안드로이드_4
orientation - 레이아웃 안에 배치할 위젯의 수직 또는 수평 방향을 설정gravity - 레이아웃 안에 배치할 위젯의 정렬 방향을 좌측, 우측, 중앙 설정padding - 레이아웃 안에 배치할 위젯의 여백을 설정layout_weight - 레이아웃이 전체 화면
table / vertical-align / nth-child
tabletable태그 내에 tr(table row)은 row, td(table data)는 column을 의미함.내가 원하는 만큼 row, column을 넣어주면 표를 완성시킬 수 있음. tbody, thead는 단지 헤드부분 영역구분을 위해 사용하며 td 대신 th
웹 레이아웃 만들기
**(division)를 이용한 박스 디자인 division의 약자 네모 박스를 만들고 싶을 때 사용하며, 특별한 기능은 X 등은 block의 속성 가지고 있음 block속성을 없애고 싶다면 css에 display : inline, inline-block, f