LearnFit

 YouTube, CSS Flexbox 완전 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

테크주니어님의 학습노트

CSS Flexbox 완전 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

#전체

#개발자

#프론트엔드

#html

#css

#grid

#flex

#flexbox

#프론트엔드

#frontend

#css flexbox

#css flex

#css 플렉스

#css 플렉스박스

#웹퍼블리셔

#html5

#css3

#ui개발자

#웹표준

#반응형웹

#모바일웹

#CSS 강의

#CSS 튜토리얼

#css 셀렉트

#CSS 셀렉터

#CSS 플렉스

#CSS display

#CSS position

#HTML

#CSS

#개발자

#웹개발

#웹 포트폴리오

#웹사이트 만들기

#프론트엔드 공부

#프론트엔드 튜토리얼

#프론트엔드 개발

#웹개발자

#비전공

#프론트엔드 개발 공부

#로드맵

#코딩 기초

#웹사이트 만드는법

#CSS 기본

#CSS 이론

#CSS 정리

#CSS 플렉스 박스

#css 강좌

#css 레이아웃

#css 튜토리얼

#css 강의

#프론트엔드 공부순서

01:52Flexbox 등장 배경 설명

02:52'float' 에 대한 설명

03:54Flexbox를 이해하는 데 중요한 2가지 포인트 : (1). container & item (2). 중심축(main axis)과 반대축(cross axis)

05:56Flexbox를 코드로 직접 확인해보기

09:09Flexbox의 container 속성값들

15:59Flexbox 학습할 때 참고하기 좋은 사이트 : https://css-tricks.com/snippets/css/a-guide-to-flexbox/

16:46Flexbox의 item 속성값들

21:06학습 정리

21:44Flexbox를 코드로 실습해볼 수 있는 미니게임 소개 링크 : https://flexboxfroggy.com/

23:10이후는 생략해도 좋습니다.

✔ 학습 완료

취소

작성하기

이 학습노트가 포함된 러닝패스예요.

무료

테크주니어

의 러닝패스

CSS 기초 및 중요 포인트

테크주니어님의 다른 노트는 어때요?

테크주니어

의 학습노트

React JS #6 이벤트 처리(Handling Events) - 초보자를 위한 리액트 강좌

Video

⏱ 핵심 스탬프

2개

00:24

이벤트 핸들링 방법 1

01:19

이벤트 핸들링 방법 2

테크주니어

의 학습노트

HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

Video

⏱ 핵심 스탬프

11개

00:18

이전 학습노트에서 배운 중요포인트 복습 이전학습노트 링크: https://lab.learnfit.ai/note/lBJ43G5hAZ/Ii1rr4uw3C

01:57

HTML 태그를 2가지로 분류

👍

다시 보지않기

👋 다양한 인사이트를 읽어보고 계신가요?

나만의 학습 기록을 남기고, 관리하고 싶다면!

다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!

나의 학습 내용을 공유하고, 수익을 올리고 싶다면!

3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.

3초 만에 가입하기