# float

239개의 포스트

css , Java script

float는 편집 디자인에서 이미지를 삽화로 삽입할 때사용하는 기법이다. 또한 레이아웃을 잡을 때도사용하는 기능이기 때문에 꽤 중요하다. background-size \-> cover : 이미지를 공간안에 꽉 채운다. \-> contain : 이미지의 삭제없이 다

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

HTML+CSS - 기초

float: left 요소를 붕 띄워서 왼쪽 정렬clear: bothfloat 다음에 오는 요소에게 주면 float로 발생하는 이상한 현상 해결 가능.header { width: 100%; / 부모 태그 width의 100% / height: 50px;

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

[TIL: 0309] CSS-Float

Float > 박스를 왼쪽 / 오른쪽으로 이동시켜 텍스트 포함 인라인 요소들이 주변을 wrapping 하도록 함 요소가 Normal Flow를 벗어나도록 함 속성 none: 기본값 left: 왼쪽으로 띄움 right: 오른쪽으로 띄움 float를 쓴 뒤 아래 요소에 clear: both를 넣어서 사용하면 해당 요소부터 다시 normal flow를 따르...

2023년 3월 9일
·
0개의 댓글
·

실수형 - float, double

실수형은 실수를 저장하기 위한 타입으로 folat와 double, 두 가지가 있다.p.68 참고정수형과 달리 실수형에서 오버플로우가 발생하면 변수의 값은 '무한대'가 된다.그리고 정수형에는 없는 '언더플로우'가 있는데, 이것은 실수형으로 표현할 수 없는 아주 작은 값이

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

멋사 프론트엔드 스쿨 5기 TIL - HTML & CSS - 3월 7일

background 로 아이콘넣기, float

2023년 3월 7일
·
0개의 댓글
·

CSS | display & float

float, clear : left, overflow: : hidden, ::after

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

CSS 속성 - 디스플레이, Float

디스플레이 (display) 이 속성은 웹 페이지의 레이아웃(layout)을 결정하는 CSS의 중요한 속성 중 하나고, 해당 HTML 요소가 웹 브라우저에 언제 어떻게 보이는가를 결정한다. display 속성의 기본값은 Block요소와 Inline요소 중 하나다. 블

2023년 3월 6일
·
0개의 댓글
·

Float & Flex

HTML 요소 배치

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

Float 레이아웃

직역하자면 띄운다란 의미이다.float 속성을 이용해 해당 객체를 좌/우 정렬을 하며 레이아웃을 구성한다.기본값으로 block element 기본 속성을 그대로 유지한다. 적용 Xdiv와 p태그는 원래 block요소이지만 div(파란박스)를 빼와서 왼쪽으로 땡겨오는 방

2023년 2월 20일
·
0개의 댓글
·

float, flex, grid

2023년 2월 13일
·
0개의 댓글
·

SWR로 infinite scrolling 구현하기 + 기타등등

웹 페이지에서 검색 결과를 탐색할 때, 처음에는 일정한 수의 검색결과만 표시되다가, 스크롤을 끝까지 내리면, 새로운 검색결과들이 로딩되는 것을 본적이 있을 것이다. SWR을 사용해서 이러한 Infinite Scrolling을 구현하는 방법을 살펴보자

2023년 2월 12일
·
0개의 댓글
·
post-thumbnail

[CSS] float & clear

둥둥 떠다니는 float와 그걸 없애는 clear

2023년 2월 5일
·
0개의 댓글
·
post-thumbnail

css float와 clear 속성에 대해 알아보자!

요소가 문서의 일반적인 흐름에서 제외되어 자신을 포함하고 있는 컨터이네의 왼쪽 또는 오른쪽에 배치되는 것을 말한다. -> 문서의 흐름에서는 제외되지만, 필요한 만큼 공간을 차지한다.none: 기본값left: 자신을 포함하고 있는 박스 왼쪽에 떠 있는 상태right: 자

2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

[CSS] 레이아웃1 (float)

선택자 뒤에 :가상 이벤트 를 붙이면 특정 이벤트마다 적용 할 스타일을 설정 할 수 있으며, 이를 가상 클래스라 합니다. (종류 많음):first-child : 첫번째 자식:last-child : 마지막 자식:nth-child(n) : 정확하게 몇 번째 자식 지정:ho

2022년 12월 27일
·
0개의 댓글
·
post-thumbnail

Swift 기초 - 기본 데이터 타입

작성된 내용은 네이버 boostcourse의 "iOS 프로그래밍을 위한 Swift 기초" 강의를 보며 정리하였습니다.BoolInt, UIntFloat, DoubleCharacter, StringBool은 true나 false를 가지는 타입입니다.Int \- 정수 타입

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

[CSS] float와 BFC

float 속성과 그를 가두는 방법, 그리고 BFC

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

웹사이트 레이아웃

웹사이트 레이아웃. 박스모델 padding 과 margin. block 과 inline. 마진 병합현상. display. float. clear. 브라우저 초기화

2022년 11월 29일
·
0개의 댓글
·
post-thumbnail

Java 실수형 변수

소수를 포함한 숫자를 표현할 수 있다.이 소수라는 숫자는 매우 짜증나는 친구이다. 이놈을 명확히 표현할 방법이 없기에 부동소숫점이라는 것을 사용한다.때문에 이 소수는 결국 오차가 발생할수밖에 없다.실수를 표현하는 타입중 하나이다.Java에서 소수의 기본타입이 doubl

2022년 11월 9일
·
0개의 댓글
·

[Java] valueOf, parse사용하지 않고 형변환하기

자바에서 지원하는 valueOf, parse를 사용하지 않고 형변환을 해보자.

2022년 11월 9일
·
0개의 댓글
·

Int형이 아닌 변수의 나머지 계산

우리가 흔히 사용하는 %는 연산하려는 두 수가 모두 Int일 경우에만 사용 가능하다.Double 혹은 Float형은 어떻게 사용해야할까?

2022년 11월 8일
·
0개의 댓글
·