Study/CSS 2

Sass, SCSS 란 무엇일까? 둘의 차이점은 무엇일까?

오늘은 웹개발자를 준비했다면 많이 들어본 Sass 와 SCSS에 대해서 알아보자!  둘이 비슷한거 같은데 정확히 뭐가 뭔지 모르겠다면 글을 끝까지 읽어주시길..!우선 Sass에 대해서 언급 하기 전에 CSS특징에 대해서 이야기 해보고 왜 Sass가 나오게 되었는지 이야기 해보자!  CSS는 HTML과 마찬가지로 누구나 배우기 쉬운 언어이다. 그렇게 설계되었기 때문이다. 처음부터 설계 의도가 "누구나 다 CSS를 만질 수 있게 하자!" 이었기 때문에 짧은 시간에 배워서 바로 웹 브라우저에서 시각적으로 확인할 수 있다. 하지만 CSS는 스타일 시트 규모가 점점 커질 수록 복잡해지고,  유지보수가 어려워진다는 큰 단점이 있다. CSS에서 동일한 코드를 재사용하기 위해서 할 수 있는 유일한 조치는 복사 붙여넣기..

Study/CSS 2022.04.26

Float 정의 및 문제점

저번 주차에 팀에서 공유했던 Float 개념을 다시한번 정리해보고자 한다 !! 주제내용 1. Float란 무엇일까 float의 개념, 속성 2. Float 문제점 부모 요소 - 자식 요소 3. 문제점 해결방법 overflow, 높이 설정, clear 1. Float란 무엇일까? 1.1 Float 개념 📍 float 는 **'띄우다'**라는 뜻을 가지고 있으며 float 정렬은 다양한 객체를 띄워서 정렬하는 속성을 가진다. 📍 float는 글의 본문 안에서 이미지를 삽입할 때 이미지를 자연스럽게 삽입하기 위한 기법이며, 페이지의 레이아웃을 잡을 때도 사용한다. 안녕하세요. 제 MBTI는 ESFP이구요, 사람들이랑 대화하면서 노는 것을 제일 좋아합니다. 여행가는 것을 좋아하는데 특히 자연을 좋아합니다. 그래..

Study/CSS 2022.04.24