내가 깨달아야 할 이치: 코딩은 너무 많은 기법과 개념이 있다. 외우는 것은 불가능하기에 각 개념을 잘 이해하고 내가 특정 컨텐츠 혹은 웹페이지를 만듦에 있어서 활용할 수 있도록 지식을 습득하는 것이 가장 중요하다. 그래서 필기를 하는 것도 물론 좋을 수 있지만.

새로운 공부 방법을 찾는 것도 나쁘지 않아 보인다. 내가 보았을 땐 오히려 다시 코딩을 해보고 내가 만들고 싶은 것을 만들면서 이해하는 것이 더 나은 공부 방법 일 수 있다.

차라리 내가 타이핑 속도가 빠르니 노션, 메모장등을 이용해 빠르게 필기하고 핵심내용만 노트에 적는 것도 좋을듯하다.

반응 형 웹이란?

해상도에 따라 웹 레이아웃을 다르게 보여주는 기술 (데스크탑, 태블릿, 스마트폰)

viewport 모바일 웹에서 사용자에게 보여주는 영역.

<meta name="viewport" contente="width=device-width, initial-scale=1.0"> -> 콘텐츠의 넓이를 디바이스 넓이와 맞추겠다.

미디어 쿼리 스크린 크기 별 다른 CSS를 적용 미디어 타입: 어떤 미디어를 위한 것인지, print, all, screen 미디어 지정 규칙: 조건문에 해당하는 표현식 정의

미디어 쿼리 */ max-, min- 접두사를 사용가능하다

@media 미디어-타입 and (미디어-지정-규칙) { /* css-정의 */ }

ex) @media screen and (max width: 600px) { body { background-color red } }

@media screen -> 주로 스크린만 사용 미디어 쿼리는 여러가지를 적용할 수 있고, 우선 순위는 밑에것이 먼저 적용된다 왜냐? 늦게 작성 된 거니까

FLEX

display : flex; flex-direction: row; ( + defalut 값이 row이기 때문에 없어도 무방)

justify-content : center ;