# layout

69개의 포스트
post-thumbnail

TIL : CSS Layout

css에서 자주 사용되지만, 정리가 필요한 부분들을 모아모아~블록 레벨 엘리먼트들은 새 줄에서 시작해 좌우로 최대한 늘어난다.p,div,form 등header, footer,section 등이 html5에서 새롭게 추가되었다!인라인 레벨 엘리먼트들은 해당 단락의 흐름을

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

[CSS] float

css의 property에 대해 이야기해보고자 한다. 은 글과 이미지를 같이 나열하기 위해 고안된 속성으로, layout을 잡을 때 많이 사용된다. 하지만, 현대에는 속성을 이용해 layout을 잡기 때문에 은 잘 사용되지 않는다. property에 입력 가능한

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

[CSS] FlexBox

#CSS #Flex #FlexBox #Layout

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

TIL - Layout, Global Styles

모든 코드에 의미를 담겠습니다.오늘은 내가 이해한 바의 LayoutOut, Global Styles에 대해서 이야기 해보겠다. 물론 피드백은 환영.. 제발요...지금까지 내가 개인 실습 프로젝트를 자유게시판을 만들면서 Layout을 사용하지 않았다. Presenter/

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

[TIL 12] CSS / Twittler

Achievement Goals CSS의 기본적인 셀렉터 #와 .의 차이를 이해하고 있다. 절대 단위와 상대 단위를 구분할 수 있다. CSS 박스 모델에 대해 이해하고 있다. 박스 측정 기준(content-box, border-box) 두 가지의 차이를 이해하고 있다

2021년 5월 27일
·
0개의 댓글

[React] 대시보드 레이아웃

레이아웃 설계

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

CSS - Layout의 모든 것

CSS - 레이아웃에 대해 알아보도록 하자 📚

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

레이아웃(Layout)의 모든 것

좌표에 따라 위치가 정해짐예시)relative속성을 가진 두 테두리에 한 테두리에는 좌표(top -20, left 30)를 정해진 것을 볼 수 있다.부모 태그 (relative) 위치 내에서 상대적 위치가 정해짐 ( 부모 태그가 없다면 현 문서 전체내에서 정해짐 )예시

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

CSS_layout

CSS 레이아웃, flex-box

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

반응형 웹 디자인

https://web.dev/responsive-web-design-basics/

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

CSS

수직분할 : 수평의 선으로 나뉜 컨텐츠를 수직 방향으로 배치한다. 수평분할 : 수직의 선으로 나뉜 컨텐츠를 수평 방향으로 배치한다. css로 화면을 구분할 때 수직 수평순으로 분할을 한다. 클래스의 이름에 맞게 css를 구현하는것을 Atomic CSS방법론이라고 한다

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

[Assignment#2] 레이아웃

레이아웃

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

HTML (3) :: LayOut

HTML Layout 만들기 HTML의 문서공간을 다음 사진과 같이 효과적으로 활용해주기 위해 태그를 활용하여 문서의 공간을 나눠준다. 사진 출처: PoiemaWeb 트렌드 : span div table 등을 사용하였고, 과거에는 table 태그를 이용하여 레이아

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

키보드가 Layout를 뜷고 나온다.

layout이 키보드를 뜷고 나온다.Manifast에 넣으면 layout를 건들이지 않고 키보드가 나온다.

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

flex 정리

flex(Flexible Box) 레이아웃 display: flex 속성을 부모 태그에 주면 화면에 정렬하고 싶은 자식 요소들을 편하게 정렬할 수 있다. flexbox는 복수의 자식요소인 flex item과 그 상위 부모 요소인 flex container로 구성된다.

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

Learn Swift #3-3 (Stanford CS139p)

Lecture 3: Reactive UI + Protocols + Layout 를 보고 작성한 글 입니다.

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

[Flutter] Constraints 이해하기

이 글은 플러터의 공식 docs를 참고하여 작성하였습니다. https://flutter.dev/docs/development/ui/layout/constraints어떤 위젯은 width: 100의 값이 적용되지 않는 모습을 볼 수 있습니다. 이 문제의 일반적인

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

CSS로 웹페이지 레이아웃 잡아보기 (feat. HTML) 💨

드디어 웹페이지 레이아웃 잡기에 한걸음 내딛었다. 여태까지 웹에 대해서 뭘 알고 있던걸까...

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

[TIL] Layout의 모든 것

1.position 속성position = 태그를 어디 기준으로 위치시킬건지 기준 대상을 정하는 속성static: position의 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없습니다.absolute: 절대 좌표와 함께 위치를 지

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

[TIL-2]레이아웃(Layout)의 모든것

레이아웃(layout)이란 특정 공간에 여러 구성 요소를 보기 좋게 효과적으로 배치하는 작업을 의미합니다.웹 페이지의 레이아웃은 웹 사이트의 외관을 결정짓는 매우 중요한 요소입니다.블록 요소는 모든 인라인 요소를 포함할 수 있고 다른 블록 요소도 일부 포함 할 수 있습

2021년 3월 17일
·
0개의 댓글