# 레이아웃

77개의 포스트
post-thumbnail

CSS 레이아웃

CSS 레이아웃 이해

2022년 1월 13일
·
0개의 댓글
post-thumbnail

레이아웃(리플로우) 및 페인트

브라우저 렌더링 과정 중 리플로우와 페인트에 대해 좀 더 자세하게 알아보고자 포스팅을 남깁니다 브라우저 렌더링 과정 DOM 및 CSSOM 트리는 결합되어 렌더링 트리를 형성합니다. 렌더링 트리에는 페이지를 렌더링하는데 필요한 노드만 포함됩니다. ex)display:

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

Constraintlayout(제약 레이아웃)

콘스트레이아웃??? 기준만 명확하게 하면 복잡하지 않다!!!

2022년 1월 4일
·
0개의 댓글
post-thumbnail

CSS 레이아웃 분할과 Flexbox

사이트 전체 레이아웃 잡는 방법이 여러가지가 있을텐데 빨리빨리 되지가 않더라고요 많은 연습이 있어야겠지만 flex나 grid 사용해서 어떻게 전반적인 레이아웃 잡으시는지 궁금해요 css 각각의 속성 어떤건지는 대강 아는데 효과적으로 사이트 만드는 건 또 다른 이야기인거

2021년 12월 19일
·
0개의 댓글

레이아웃!

static은 기본값입니다. Position: static;이 설정된 엘리먼트는 위치가 지정된 것이 아니라고 표현하며 static이 아닌 다른 값으로 지정된 경우에 위치가 지정되었다고 표현합니다.relative는 별도의 프로퍼티를 지정하지 않는 이상 static과 동일

2021년 12월 1일
·
0개의 댓글
post-thumbnail

HTML 레이아웃

특정 공간 안에 문자, 이미지 등의 구성 요소를 배치하는 작업이다. 사전적 의미와 동일하게 부유하는 특징을 가지고 있다.아래 소스코드를 보면, div의 block 속성으로 인해 각각 한 줄씩 차지하는 모습을 보인다.div.container 내부 div에 float: l

2021년 11월 30일
·
0개의 댓글

11.17 (13)

til 13일차

2021년 11월 18일
·
0개의 댓글
post-thumbnail

CSS 레이아웃에 대한 모든것

Position 속성태그를 어디에 어떻게 위치시킬지 관여하며 5개의 값을 갖는다.static :다른 태그와의 관계에 의해 일반적인 문서 흐름에 따라 자동으로 배치되며 임의로 설정할 수 없다.relative :별 다른 속성을 적용하지 않으면 static과 동일하게 작동하

2021년 11월 7일
·
0개의 댓글

CSS 레이아웃 가이드(feat.개구리게임)

Position 속성과 lnline,block는 뭐가 다른걸까? position 속성 - relative, absolute, fixed position 속성이란, 웹 문서 안에서 원하는 곳에 배열을 해주는 것이다. 그 종류에는 relative와 absolute,fi

2021년 11월 7일
·
0개의 댓글
post-thumbnail

안드로이드 코틀린 공부 일지 1

📝 안드로이드 생명주기 (Life Cycle), 레이아웃 (Layout), RecyclerView, manifest, lottie animation, 싱글톤 패턴

2021년 11월 4일
·
0개의 댓글
post-thumbnail

[Android] MotionLayout

앱에서 모션과 애니메이션을 관리하는 데 사용할 수 있는 레이아웃 유형임ConstraintLayout의 서브클래스로써 ConstraintLayout의 다양한 레이아웃 기능을 기초로 함레이아웃 사이의 전환 외에도 레이아웃 속성을 애니메이션으로 보여줄 수 있음, 터치 입력,

2021년 11월 4일
·
0개의 댓글

layout - inline, inline-block, block

레이아웃(layout)이란 배치라는 뜻으로 제한된 웹 페이지에서 효과적으로 요소들을 배치하는 것이다. 여러 요소들을 배치를 하며 서로 이어지거나 떨어지게 만드는 기능을 가진 inline, inline-block, block을 알아보자. inline 요소를 사용하면 단

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

211028 TIL CSS3 Grid(학습 94일차)

오늘은 박스모델링 grid 시스템에 대해서 학습했다. Must Remeber rows는 행, column은 열 가로, 세로 개념이랑 비슷하다 생각.

2021년 11월 1일
·
0개의 댓글

[Android] CoordinatorLayout

FrameLayout의 확장된 형태임공식문서상에선 화면의 최상위 부분을 꾸미거나 크롬 레이아웃 사용하기 위해서 사용되거나 하나 이상의 자식 뷰와 어떤 특별한 상호작용을 하기 위한 컨테이너로 사용된다고 함단순히 레이아웃 짜고 만드는 정적인 형태에서 좀 더 동적인 효과를

2021년 10월 16일
·
0개의 댓글

[Android] FrameLayout

FrameLayout은 자식으로 추가된 여러 뷰 위젯들 중 하나를 Layout의 전면에 표시할 때 사용함Frame이 액자라는 의미를 가지고 있는데 이를 생각해보면 액자는 사진을 끼워서 사용을 하게 되는데, 이 액자는 사진을 빼고 원하는 사진을 끼기도 하는 등 이와 마찬

2021년 9월 19일
·
0개의 댓글
post-thumbnail

[HTML, CSS] 위치속성을 활용한 레이아웃 설계

[HTML, CSS] 위치속성을 활용한 레이아웃 설계

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

웹 페이지 HTML 구조 한눈에 보는 확장

이 글은 웹페이지 HTML 구조 한눈에 보는 꼼수 - oneook 을 보고 작성하게 되었습니다.velog를 보다가 꼼수를 배웠다. 이 코드를 사용해서 모든 layout을 한 눈에 볼 수 있도록 해준다고 한다. 흥미롭지만 이 코드를 매번 복사하고 다니기 귀찮으니까 어딘가

2021년 9월 7일
·
0개의 댓글

[Android] Swiperefreshlayout

아래로 당겨서 새로고침을 표시해주는 레이아웃임이를 사용하는 이유는 많은 양의 데이터를 서버로부터 받아와 화면에 표시한다면 어느 정도의 시간이 걸림, 이때 그냥 화면이 멈춰있게 된다면 사용자는 앱이 멈춘 것이라고 생각할 수 있음이때 이를 표시하기 위해서 사용하기 위한 용

2021년 9월 6일
·
0개의 댓글