# layout

29개의 포스트
post-thumbnail

react Layout-component

Header 라던지 Navigtaion 페이지에 고정시킬 코드를 넣어준다.이제 적용해줄 Route 가 있는 Component 로 가준다.

2020년 11월 20일
·
0개의 댓글

TIL 3 | HTML & CSS (3)

HTML & CSS (3) - position, CSS layout, 반응형 웹

2020년 11월 18일
·
0개의 댓글

CSS 레이아웃

position 속성fixed = 스크롤과 상관 없이 정해진 좌표에 위치 고정absolute = 절대 좌표에 위치 지정relative = 원래 있던 좌표 기준으로 위치 지정\*absolute와 fixed를 이용해 위치를 지정했을 때는 block의 특성(width="10

2020년 11월 18일
·
0개의 댓글

CSS 레이아웃

position display float

2020년 11월 17일
·
0개의 댓글
post-thumbnail

CSS Layout

Layout? layout이란 웹사이트를 구성하는 요소들을 배치할 공간을 분할하고 정렬하는 것이다. >Position 속성 Position 속성은 태그를 어떻게 위치시킬지 결정하는 속성이다. static: 기본값, 다른 태그와의 관계에 의해 자동으로 배치되고 위치를

2020년 11월 17일
·
0개의 댓글

Set view height and width

📐 set layout params height and width

2020년 11월 10일
·
0개의 댓글

[TIL] HTML&CSS(2)

오늘은 CSS를 이용한 Layout을 구성하기 위해서 중요한 부분에 대하여 정리를 하려고 한다.Layout을 잘 짜는 법에는 정도가 없다고 한다. 많이 보고 많이 써보고 많이 생각해야한다.HTML5로 넘어가면서 flex 속성를 이용해서 Layout 구성이 꽤 편해졌다고

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

flutter는 Widget

flutter에 기본 Widget을 이용해 간단한 명함 app을 만든다.

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

[CSS]CSS_1. 기본문법

1\. 기본문법 & Selector2\. 단위3\. box model4\. display property5\. 요소의 정렬&위치6\. 레이아웃 6-1. 반응형 레이아웃 6-2. flexbox 레이아웃7\. 수평 수직 중앙정렬8\. 기타CSS는 HTML 요소들의 sty

2020년 9월 21일
·
0개의 댓글
post-thumbnail

TIL 17 day layout

position 속성 - relative, absolute, fixedinline, inline-block, block 에 대해서float에 대해서position 속성(property)은 element가 문서의 어디에 위치할 지 지정한다. 이는 top, bottom,

2020년 9월 15일
·
0개의 댓글

200915 TIL Layout

layout이란 웹사이트를 구성하는 elements를 배치할 공간을 분할하고 정렬하는 것입니다. 일반적으로 공간을 분할할 때 행을 구분한 후, 각 행 내부 요소를 분리합니다.

2020년 9월 15일
·
0개의 댓글

TIL 41 (2020.09.15) CSS layout

목차 **1. position 속성 - relative, absolute, fixed inline, inline-block, block 에 대해서 float에 대해서** 1. position 속성: relative, absolute, fixed css의 positi

2020년 9월 15일
·
0개의 댓글

Semantic?¿ -제 2장-

Semantic?¿ Semantic이 뭔지 알아보는 그 두 번째 단계, semantic web

2020년 9월 15일
·
0개의 댓글

Semantic?¿ -제 1장-

Semantic?¿ Semantic이 뭔지 알아보는 그 첫 단계, semantic tag, semantic element

2020년 9월 15일
·
0개의 댓글
post-thumbnail

About Layout

wecode replit[html/css] 18-2

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

[Kotlin] 레이아웃

레이아웃은 여러 요소들을 배치할 수 있는 캔버스라고 생각할 수 있을 것 같다. 레이아웃 위에 내가 넣고 싶은 요소들을 원하는 대로 배치하고 머릿속에 있는 어플리케이션의 화면을 레이아웃을 통해 구성해낼 수 있는 것이다.오늘 살펴볼 레이아웃은 3가지가 있다.컨스트레인트 레

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

레이아웃의 모든 것

레이아웃 레이아웃의 모든 것이라는 타이틀을 보니 알 수 없는 압박감이 온다. 무엇부터 알아봐야할까 생각해보니 레이아웃의 정의였다. 구글에 layout definition이라고 검색해보니 사전적 의미가 나왔다. > 명사 출판·광고·건축 분야 등에서, 문자·그림·사진 등

2020년 7월 21일
·
0개의 댓글
post-thumbnail

CSS 레이아웃에 대하여 알아보자!

box-sizing너비값을 조절하는 해법이 만족스럽지 않아 box-sizing이라고 하는 새로운 CSS 프로퍼티를 만들었다.CSS 코드엘리먼트에 box-sizing을 지정하면 해당 엘리먼트의 패딩과 테두리가 더는 너비를 늘리지 않음.static

2020년 7월 21일
·
0개의 댓글
post-thumbnail

TIL wecode 01. Layout

일단 모든 태그들은 처음에 position: static으로 설정되어 있다. 그러므로 따로 써주지 않아도 된다. 이 상태에서는 왼쪽에서 오른쪽, 위에서 아래로 쌓이게 된다.보통 static은 사용할 일이 없으나 앞에 설정된 position을 무시할 때 사용되기도 한다.

2020년 7월 20일
·
0개의 댓글
post-thumbnail

[TIL-2 / CSS] 레이아웃의 모든 것

지금까지는 HTML과 CSS에 코드를 작성한 순서대로 웹 페이지에 출력되었다. 이제 Position 속성을 사용하여 HTML 파일상에서는 가장 아래있는 코드를 웹 페이지에선 가장 먼저 출력이 가능할 수 있도록 하는 부분을 공부해보자.static이라 따로 설정해주지 않아

2020년 7월 20일
·
0개의 댓글