# Flex

62개의 포스트

css flex

기존 css에서 불가능하거나 굉장히 어렵게 구현했던 것들을 좀 더 쉽게 구현 할 수 있도록 css3에서 추가된 레이아웃 방식.flex는 자식 요소에게만 적용된다. 후손은 적용되지 않음flex의 방향에 따라 100%의 기준이 달라짐 \- ex flex-directio

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

[TIL] #10 [1차 마무리 & Review] | Wecode - 4Day

지하철에서 노션을 통해 개구리 flex게임 하기위코드 9:10am 출첵, 커피 마시기블로그 정리CSS & html 마지막 repl 끝내기최종정리

2021년 2월 18일
·
0개의 댓글

(CSS) flex : 아이템에 적용하는 속성

flex 아이템에 적용하는 속성들 유연한 박스의 기본 영역 : flex-basis flex-basis는 flex 아이템들의 기본 크기를 설절한다. (flex-direcrion이 row일 때는 너비, column일 때는 높이) flex-basis의 값으로는 width와 height 등에 사용하는 각종 단위의 수를 사용할 수 있고, 기본값으로는 auto ...

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

(CSS) Flex

레이아웃 배치 전용 기능으로 고안된 Flex는 기존 사용하던 float나 inline-block 등을 이용한 기존 방식보다 훨씬 강력하고 편리한 기능들이 많다.

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

TIL_20 | [HTML/CSS] float는 그만! 강남 Frog의 Flex~🐸💎

오늘은 같이 공부하는 분께 FrontEnd에게 찰떡같은 비유를 들어서 그것으로 시작하려고 한다!ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ진짴ㅋㅋㅋㅋㅋ찰떡같은....ㅠㅠ다들 이런 경험 한번씩 있을 것 같다! (맞아요 제 얘기입니다..)나는 특히 css중에서도 floa

2021년 1월 20일
·
4개의 댓글

TIL7 l CSS Flex

*1분코딩 자료를 공부하고 복습차원에서 정리한 내용입니다. 기본 HTML 구조 Flex Container: 부모 요소인 div.container를 칭함 Flex Item: 자식 요소인 div.item들을 칭함 >컨테이너가 flex의 영향을 받는 전체 공간이고, 설정된

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

2021 01 18 월 TIL - 17

Node.jsflex/gridsvgNode in gitHubflex-grid in gitHubsvg in gitHubinteraction in gitHub오랜만에 node를 보니 분석하는 시간이 조금 더 걸린듯 하다. flex는 업무에서 많이 사용했었는데 grid는 아

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

🌈 CSS property: flex

CSS 속성(property) 중 하나인 "flex"를 후렉스해보장!😎

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

TIL # 36 : [CSS] Layout

Postion, Display, Float

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

[CSS] flex를 이용한 가운데 정렬

마크업에서 가장 많이 사용되는 수평,수직 가운데 정렬을 하는 방법에 대해 정리한다. 내가 사용하려고

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

CSS Flexbox!

CSS 레이아웃 기능 Flexbox 정복하기

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

[TIL] Flex 정리

Flex는 각 요소를 정렬할 수 있는 방법을 제공합니다.첫번째 Container 두번째는 Items로 각 item을 정렬하기 위해서는 Container 꼭 필요하다flex를 정의할 때는 display 속성으로 Flex Container를 정의할 수 있는데,Flex(di

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

CSS flex

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. flex-box 수평, 수직 정렬과 관련된 속성 (container, item로 이루어짐) display: flex : container가 block (flex container로 정의함!) di

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

TIL 2020.12.06

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

Flex - css

Flex 이전에는 모든 block 하나하나 CSS로 디자인(float 속성 등 활용) 했어야 하는 불편 있었음Flex는 2차원(수평 or 수직)축에 대한 item 정렬과 기본적인 디자인 규칙을 간단하게 설정할 수 있음Flex 한 방에 정리하는 이미지 CSS 속성은 개별

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

TIL 4 | HTML & CSS (4)

HTML & CSS (4) - Semantic web & semantic tag, Weegle 검색창 만들기

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

flex!!

코딩을 접하기전 flex는 힙합 용어로 기억되었다. 하지만 코딩을 접한 지금 flex하면 어렵다이다. 그렇다 이런 상태기 때문에 이 블로그를 작성한다. 절대 치킨계의 벌금 압박 때문에 이 글을 적는게 아니다. 지금 정리하는 것들은 display:flex 값은

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

자기소개 페이지 만들기

자기소개 페이지 만들기

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

첫 직장, 첫 월급 그리고 첫 FLEX 🤘🏻

내 나이 19살. 꿈에 그리던 취업에 성공하고 오늘 첫 월급을 받았다.🥳 한 달 이라는 짧은 시간동안 얼마나 많은걸 겪은지 모르겠다. 한창 수능준비할(🤔) 19살인데 업무에 쏟아부을 시간이 부족하다고 말하고 있으니까 신기하기도 하다.

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

[CSS] (미해결) :first-child 또는 :not(:last-child)

레이아웃을 수정하기 위해 CSS 코드를 작성하는 중, 희한한 버그를 발견했다.부모 요소에 display: flex를 주고, flex-direction을 column으로 설정, 너비(width)를 50%으로 만들어둔 레이아웃이다.그러면 view-column이라는 요소가

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