FE/HTML5 CSS32 [HTML5 CSS3] CSS Flex flex 사이트를 보면, 대부분 레이아웃은 수직으로 구성되어 있기 때문에 위에서 아래로 스크롤 합니다. 이처럼 레이아웃은 저희가 많이 사용하는 요소들이 기본적으로 블록 개념으로 쌓여 있기 때문에 '수직'은 상대적으로 쉽게 만들 수가 있는데요? flex 알기 전 저는 메뉴나 이미지 등을 수직이 아닌 '수평'으로 구성하기 위해선 float을 left로 지정해 줬습니다. 근데 이제부턴 이러한 구성 방법 말고 오늘 제가 배운 Flex(Flexible Box)를 이용해 레이아웃을 쉽게 수평으로 구성할 수 있게 됐습니다. 먼저 수직으로 쌓인 박스들을 수평으로 구성하기 위해 박스부터 한 5개 쌓아 봤습니다. 그리고 평소 같으면 li에 float: left;로 왼쪽에서 오른쪽으로 쌓이게 했겠지만, 오늘 배운 flex를.. 2021. 7. 6. [HTML5 CSS3] 복습 서론 이 포스팅에서는 이 블로그 운영에 있어 방향성을 이야기 하며, 제가 개발 공부를 시작한 지 약 한 달 동안의 진도 내용을 다룹니다. 저는 서울에 있는 전문대학교 정보통신공학과를 전공한 졸업생입니다. 컴퓨터공학과가 아니기에 1학년 때 배운 C언어 말곤 대부분이 PCB, 납땜 등의 무선 위주의 커리큘럼을 밟았고, 당연히 바로 개발자로 취업을 하기엔 무리를 느껴 국비를 수강하게 됩니다. 밑에 이미지는 제가 5월 25일 국비 학원 첫날부터 노션에 기록한 일정표입니다. 5월 25일에 개강을 해서 어제 자로(6월 24일) 딱 한달이 되었습니다. 총 5개월 반 정도의 기간이기 때문에 약 4개월 반 정도 남았습니다. 어제 jQuery 수업을 나가기 전까지, 딱 한 달 동안 HTML과 CSS, 반응형과 JavaSc.. 2021. 6. 25. 이전 1 다음
