# layout

15개의 포스트
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개의 댓글

TwIL

#HTML, #layout, #Semantic Web, #Semantic Tag

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

Mind Map Maker 프로젝트 #6 cytoscape layout 설정

cytoscape.js를 활용한 마인드맵 제작 페이지 구현 프로젝트

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

float

float의 쓰임 두가지.첫 째, 이미지 주변을 텍스트로 감싸기 위해 쓰인다.둘 째, 페이지 전체의 레이아웃을 설정할 때 쓰인다. (요즘은 레이아웃을 할 때 더욱 효율적인 flex를 주로 사용함.)float의 사용.float는 left, right, none 중 하나를

2020년 6월 24일
·
0개의 댓글

레이아웃의 모든 것

position 프로퍼티는 요소의 위치를 정의한다. top, bottom, left, right 프로퍼티와 함께 사용하여 위치를 지정한다.static은 position 프로퍼티의 기본값으로 position 프로퍼티를 지정하지 않았을 때와 같다.기본적인 요소의 배치 순서

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

레이아웃을 잡자.

나는 건축설계를 하듯이 하려고 한다. 큰 덩어리(mass)을 잡고, 메스의 모양을 얼추 잡은 뒤 그 메스 안에 공간을 생성한다. 이 공간은 휴식을 위한 공간, 생활하는 공간 등등, 그리고 그 안에는 룸을 통해 실제로 어떤 행위가 일어날 수 있도록 한다.HTML 요소가

2020년 4월 26일
·
0개의 댓글

18-2. 레이아웃의 모든 것

1-1. RelativeRelative가 지정된 요소에 Top, right등 위치를 지정하면 기본 위치에서 이동.1-2. Absolute특정 부모(Relative, Fixed, Absolute)에 대해 그 안에서 이동1-3. Fixed페이지가 스크롤되더라도 늘 같은 곳

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

난 이제 진짜 큰일났다.

HTML, CSS 말고도 세상은 넓다는 것을 모르는 사람들에게 개발자의 길에 오르기 전, 마지막 계단을 보여주는 괴물같은 글입니다. ( HTML, CSS 의 기본은 여기서 마지막입니다. )

2020년 3월 27일
·
0개의 댓글

[CSS] position, display, float 속성

position 속성 태그를 어떻게 위치시킬지를 정의하며, 아래의 5가지 값을 갖는다. static: 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없다. absolute: 절대 좌표와 함께 위치를 지정해 줄 수 있다. relative: 원래 있던 위치를 기준으로 좌표를 지정한다. fixed: 스크롤과 상관없이 항상 문...

2019년 11월 26일
·
0개의 댓글

TIL - Day2: CSS-Flex

CSS3는 2011년 6월 7일 최초 Color 모듈이 발행된 이후로 꾸준히 업데이트 되고있는 최신 CSS 기능이다. 현재도 꾸준히 업데이트가 되고 있으며, CSS3의 등장으로 인해 기존에 사용되던 Bootstrap과 같은 CSS 라이브러리는 J-Query와 함께 레거시가 되었다. 레거시- 신규 기술 등장으로 인해 기존 기술이 도태되는 현상. 그 중에서,...

2019년 7월 31일
·
6개의 댓글