# layout

107개의 포스트
post-thumbnail

[Android] LayoutInflater 알아보기

레이아웃 인플레이팅에 대해서 톺아보기

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

CSS Layout_2_Grid

grid 사용 이유, 유의할 점, 속성

2021년 10월 14일
·
0개의 댓글
post-thumbnail

2021-10-12 TIL

Material-UI Grid리액트 머티리얼ui Grid 컴포넌트를 이용하여 반응형 레이아웃을 꾸며보았다. styled-components등으로 미디어 쿼리를 사용하는 것 보다 시간이 많이 단축되었다.머티리얼 ui는 스크린 가로 사이즈에 따라 xs, sm, md, lg

2021년 10월 13일
·
0개의 댓글
post-thumbnail

02 브라우저 렌더링 101

🛑 해당 포스팅은 패스트캠퍼스 온라인 강의 The RED : 조은의 프론트엔드 실무 가이드 강의 필기 입니다.이 내용들에 대해 이해하고 있어야 SSR과 SPA에 대해 학습하는 것이 비로소 유의미해진다!

2021년 10월 13일
·
0개의 댓글
post-thumbnail

css 기본 selector & layout 정리 드림코딩

Cascading Style Sheet : 세부적인 정의가 있다면 스타일 적용을 하고 정의되어있는 게 없다면 다음 기본으로 지정된 스타일을 적용한다.Style 종류Author Style : 우리가 작성하는 style sheetUser Style : 사용자가 지정한 st

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

TIL 05. Layout in CSS_2nd

이번 편에서는 display property에 대해서 알아보겠습니다.각 tag에는 inline 및 block의 속성이 있습니다.inline : 한 줄에 여러 element들이 같이 쓰이며, 대표적으로 span, a, img tag가 속함block : 한 줄에 한 ele

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

TIL 04. Layout in CSS_1st

Layout with CSS > HTML만으로 layout 작성 시 정형화 된 form으로만 가능함. CSS의 layout tag를 사용함으로써 다양한 형태의 layout을 구현 가능함. > 해당 편에서는 많은 레이아웃 property 중 position 관련 주요

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

TIL 02. Layout

CSS의 position & display 속성의 대표적인 값들을 이해함으로써, 페이지의 레이아웃을 보다 용이하게 잡을 수 있도록 한다.CSS의 position 속성은 문서 상에서 정보들을 배치하는 방식을 지정한다. position 속성을 활용하면 각 요소에 margi

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

[HTML/CSS] 레이아웃, 색상과 배경, transform, transition

inline요소와 block요소를 바꿀 수 있음inlinewidth, height, margin, padding을 지정할 수 없음여러 요소가 가로 배치됨blockwidth를 지정하지 않으면 가로 전체를 차지함width, height, margin, padding을 지정

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

[CSS] Layout(display, visibility, float, position, overflow, z-index)

Layout을 이루는 box, inline 요소들의 display, visibility, float, position, overflow, z-index에 대해 다룬다.

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

[TIL] 9월 15일 Layout

오늘은 페이지 Layout 전체적용 방법에 대해서 배웠다.Layout이란 홈페이지 구성을 어떻게 배치할 것인지에 대한 내용이다.LayoutLayout은 정해진 틀은 없다.위 Layout은 총6개의 영역으로 나눈 레이아웃이다.사용하는 서비스에 따라서 더적은 영역의 레이아

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

2. Layout - Product List, Survey, Survey Result

내가 담당한 부분 레이아웃

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

[CSS] width와 height 길이 단위

클론을 하면 할수록 전체적인 틀을 구성하는 센스가 늘어나는 것 같아서 기분이 좋다. 아직 grid의 auto-fill, auto-fit에 대한 개념은 부족하지만...그래도 가장 개념이 빠삭해진 것은 width와 height.처음에는 아무리 수정하고 리프레쉬해도 들쑥날쑥

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

브라우저 페이지가 렌더링 되는 과정에 대해 설명해주세요

프론트엔드 개발자라고 하려면 필수로 알아야 할 내용중 하나.내가 작성한 코드가 페이지에 렌더링 되는 과정에 대해 알아야 한다.이전에 올린 웹의 동작방식 포스팅에 이어서 브라우저 렌더링에 대해 알아보자.www.google.com을 주소창에서 입력하면 일어나는 일렌더링이란

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

TIL 18. CSS - 레이아웃 (Position, Display:flex)

position: relative, absolute, fixed 와 display: flex 에 대해

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

CSS의 display (Inline 과 Block)

inline과 block에 대해서 알아봤습니다.

2021년 8월 31일
·
0개의 댓글

[Android] Layout

Android 개발자라면 UI 를 구성할 때 어떤 Layout 을 써야할지 한번쯤 고민하는 시간을 가졌을 것이라고 생각한다. View Rendering 과정의 성능을 최적화 시키기 위해선 ConstraintLayout 을 사용해 View 평탄화 작업을 해야한다는 사실은

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

[TIL] HTML, CSS 레이아웃을 익혀보자!

프로그래밍에서 시맨틱은 코드 조각의 의미를 나타낸다.mdn의 예를 빌리면, "이게 어떻게 시각적으로 보여질까?"보다는"이 코드 라인을 실행하는 것이 어떤 효과가 있고 어떤 목적이나 역할이 있는가?"를 말한다고 한다.출처 : MDN즉, 내가 이해한 바로는 코드를 보기만

2021년 8월 25일
·
0개의 댓글

Flutter UI - Box Constraints(부제: 왜 계속 overflow가 일어나는 걸까요?)

flutter에서 위젯은 RenderBox에 의해 그려진다. RenderBox는 부모의 Constraints 내에서 자신의 크기를 조정한다. Constraints는 최대, 최소의 너비, 높이로, 크기는 특정 너비, 높이로 구성된다.

2021년 8월 24일
·
0개의 댓글