코드스피츠

CSS

CSS Rendering - Float (코드 스피츠 76회차를 보고 정리)

목차 이전 게시물에서는 CSS의 역사, Normal flow(IFC, BFC, Relative Position) 등을 정리했습니다. 현재에는 flex, grid와 같이 레이아웃을 잡을 때 편리한 CSS모듈이 있습니다. 하지만 이전에는 float를 이용해서 레이아웃을 잡았습니다(고전 레이아웃) IE의 서비스 종료가 된 시점에 이것을 배워야 하는 이유는 제 개인적인 생각으로는 두가지가 있습니다. 1. 이전의 레이아웃 방식을 배움으로써 현재의 문법에 대한 이해가 더 깊게 될 수 있다. 2. IE가 사라졌다곤 하지만, 내가 나중에 이직할 회사에 가면 float가 존재할 수 있다. 그걸 유지보수하려면 알아야 할 것 같다. 라는 생각으로 공부를 했습니다. FLOAT float를 처음 배울 때는 화면에 둥둥 떠 있..

CSS

CSS Rendering - 코드 스피츠 76회차를 보고나서 정리

목차 코드 스피츠라는 유튜브를 보고 나서 여태까지 내가 깊게 공부하지 않았다는 느낌을 받았습니다. 그래서 이제부터라도 깊게 공부하기 위해서 코드 스피츠에 올라온 영상들을 차근 차근 정리해보는 시간을 가지려고 합니다. CSS 배경 지식 CSS를 배우기 전에 알아야할 배경 지식에 대해서 설명을 해주셨다. Graphics System Graphics System은 한마디로 점 찍는 방법에 대한 것입니다. X, Y, Width, Height, Color로 표현할 수 있습니다. 어떻게 이루어져 있든 마지막에는 점으로 이루어져 있습니다. Graphics System 발전 과정 Fixed Number -> Abstract Calculator(추상화된 계산) -> Components -> FrameWork Fixed..

딩코농부
'코드스피츠' 태그의 글 목록