CSS

TIL - 20220626

온라인 강의를 들을 때, 다른 생각을 자주 하게 되어 집중을 제대로 하지 않는 것 같다고 느끼는 경우가 자주 있다. 그래서, 2회 차 강의를 들을 때 제대로 이해가 되지 않는다고 생각해서 1회 차를 다시 듣는 것이기 때문에, 이번엔 1회 차 강의를 들으면서 조금 더 집중력을 끌어올리고자 강의에서 말하는 내용들을 텍스트로 다음과 같이 작성했다. 코드스피츠76 - CSS Rendering 1회 차 1/2 Normal flow는 CSS에서 공식적으로 등장하는 고유 명사이자 브라우저가 그리는 주요 방식이다. Normal Flow에는 두 가지 계산 공식이 있다. Block Formatting Contexts와 Inline Formatting Contexts. Relative Formatting Contexts도 ..

TIL - 20220625

오늘은 CSS에서 모던 박스 모델과 포지션 모델에 대해 공부했다. 링크: https://www.youtube.com/watch?v=NFvSbFJmoWo&list=PLBNdLLaRx_rKXwi7MulM6v1UG9JLKWIYS&index=3 content-box가 css box-sizing의 기본이다. box-shadow는 반대로 그려진다. offset에 대한 개념을 공부하는 시간을 가졌는데, 이해가 되긴 했지만 만약 공부한 내용을 바탕으로 코드 없이 모양만 주어졌을 때 그리는 게 과제라면 내가 그릴 수 있을까?라는 질문을 하면 쉽게 답을 하지 못할 것 같다는 생각을 했다. 먼저, 이전 강의를 배속으로 들으면서도 집중을 제대로 하지 않은 것 같아서 이전 강의를 다시 들으면서 예제 코드를 같이 작성해보고 다음..