# layout

308개의 포스트
post-thumbnail

스프링부트 쇼핑몰 프로젝트(3)

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

2023년 11월 22일
·
0개의 댓글
·
post-thumbnail

Next 13 - layout 설정하기

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

2023년 11월 22일
·
0개의 댓글
·
post-thumbnail

[ 모바일 뷰 ]레이아웃 세팅 하기

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

2023년 11월 9일
·
0개의 댓글
·
post-thumbnail

Spring boot tiles mapping

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

2023년 11월 3일
·
0개의 댓글
·
post-thumbnail

html layout

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

2023년 10월 29일
·
0개의 댓글
·
post-thumbnail

[Next.js] Next.js Page, Layout, Template 배우기

Next.js에는 page.tsx, layout.tsx, template.tsx가 존재합니다.(js일 경우엔 .jsx)Page.tsx는 말그대로 페이지를 구성하고, Layout.tsx는 그 페이지를 감싸는 레이아웃을 지정해줍니다.(자세한 내용은 공식문서 참고)이렇게 다

2023년 10월 28일
·
0개의 댓글
·

1025

pom.xmljstl, tomcat-embed-jasper 의존성 주입Tiles의 태그 및 설정을 사용하기 위해 tiles 의존성 주입 (tiles-jsp, tiles-el)기존 MyBatis와 동일한 설정Tiles 설정은 TilesViewResolver를 사용하므로,

2023년 10월 25일
·
0개의 댓글
·

[HIG] Layout

사용자의 경험을 쉽게 만들고 모든 기기에서 좋아하는 앱과 게임을 즐길 수 있도록 도와주는 레이아웃에 대해 알아보자

2023년 10월 20일
·
0개의 댓글
·

ConstraintLayout vs Other Layouts

https://medium.com/@wodbs135/번역-constraintlayout-performance-ba92200670e위 포스팅을 기반으로 여러가지 질문을 통하여 지식을 습득한 것을 정리한 게시글 입니다.계층화가 심해지면 Measure, Layout

2023년 10월 14일
·
0개의 댓글
·

CoordinatorLayout 이란

CoordinatorLayout은 안드로이드의 레이아웃 컨테이너 중 하나로, 안드로이드 디자인 라이브러리와 함께 소개된 상대적으로 새로운 레이아웃입니다. CoordinatorLayout은 머터리얼 디자인 컴포넌트 및 다양한 애니메이션 효과를 구현하기 위해 사용되는 레이

2023년 10월 8일
·
0개의 댓글
·
post-thumbnail

Layout & View

💡 View 란? : 화면을 구성하는 모든 기본 화면의 구성 요소, view는 view를 포함할 수 있음 \- Id : 뷰의 식별자 속성 \- layout_width, layout_height : 뷰의 크기 지정 (match_parent, wrap_content

2023년 9월 18일
·
0개의 댓글
·
post-thumbnail

[Web] CSS Layout

CSS Layout에 대해서 알아보자

2023년 9월 16일
·
0개의 댓글
·
post-thumbnail

[SpringBoot] Thymeleaf 레이아웃을 사용해보자!

스프링부트에서 타임리프 레이아웃을 사용해보자

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

Bootstrap / Grid

Bootstrap 사용한 복붙식 개발getbootstrap.com 에 방문하여 마음에 드는 UI 요소를 골라서 HTML 파일에 복붙하면 웹개발이 끝!하지만 제공되는 UI 들의 디자인까지 그대로 쓰라는 건 아니고 거의 뼈대디자인 밖에 없기 때문에 CSS 파일과 class

2023년 8월 30일
·
0개의 댓글
·

Next.js App Router에 대해 알아보자(3. 페이지와 레이아웃)

페이지 경로에 대한 고유 UI입니다. page.tsx에서 만듭니다. 페이지에 대해 다음 사실을 알면 도움이 됩니다. > 페이지는 모든 라우터 서브트리에 리프노드입니다. 페이지는 기본적으로 서버 컴포넌트로 구성되지만 클라이언트 컴포넌트로도 사용이 가능합니다. 페이지는

2023년 8월 27일
·
0개의 댓글
·
post-thumbnail

Next.js 13 사용해보기

Next.js 13 사용기

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

[생활코딩] Next.js - 라우팅(Routing)

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

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

#5.안드로이드_4

orientation - 레이아웃 안에 배치할 위젯의 수직 또는 수평 방향을 설정gravity - 레이아웃 안에 배치할 위젯의 정렬 방향을 좌측, 우측, 중앙 설정padding - 레이아웃 안에 배치할 위젯의 여백을 설정layout_weight - 레이아웃이 전체 화면

2023년 8월 7일
·
0개의 댓글
·

table / vertical-align / nth-child

tabletable태그 내에 tr(table row)은 row, td(table data)는 column을 의미함.내가 원하는 만큼 row, column을 넣어주면 표를 완성시킬 수 있음. tbody, thead는 단지 헤드부분 영역구분을 위해 사용하며 td 대신 th

2023년 8월 7일
·
0개의 댓글
·

웹 레이아웃 만들기

**(division)를 이용한 박스 디자인 division의 약자 네모 박스를 만들고 싶을 때 사용하며, 특별한 기능은 X 등은 block의 속성 가지고 있음 block속성을 없애고 싶다면 css에 display : inline, inline-block, f

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