HTML&CSS

일주일 중 5일을 달리다가 오늘은 바깥 공기도 마실 겸! 카페를 왔다. 카페와서 하는 블로그는 여유롭고 좋다. 하하. 벌써 블로그도 할 일이 아닌 나의 생활에 일부가...?ㅋㅋㅋ블로깅을 하면서 몇 가지 뿌듯했던 경험들이 지속적으로 글을 남기는 원동력이 되는 것 같다.

# Intro 는 생략한다. # html & css DOM! Document Object Model. 줄여서 문서 객체 구조! 뭔말인지 콧구멍으로도 못 알아먹었다! 사실 나는 무슨 말인지 보다, 이것을 가지고 무엇을 할 수 있는지가 중요하다! 철저한 공대생의 마인드

Selectorid 선택자 : - class 선택자 : .전체 선택자 : \*Text propertyfont-family : 폰트 종류font-style : 폰트 스타일, normal(기본) / italic(이탤릭체) / oblique(기울임꼴)font-weight :

웹 문서 안의 요소를 원하는 위치에 배치할 때 사용하는 속성 중 하나.position속성 중 static을 제외한 나머지 속성 값에서는 좌표를 이용해 각 요소의 위치를 조절 할 수 있다.위치는 속성 top, bottom, left, right를 사용하여 원하는 px 또

containeritemsFlex Container를 정의한다.✔️ items의 주축을 설정하여 정렬해야 할 방향을 지정한다.✔️ flex의 방향이 column일 경우 justify-content의 방향이 세로로, align-items의 뱡향이 가로로 바뀐다.\`\`\

컴포넌트가 1차원적(한 방향)으로 나열이 될 때 flex를, 2차원적(입체적?)으로 나열이 될 때는 grid를 사용해주는 것이 좋은 방법일 수 있다.css도 최대한 코드가 반복되지 않게, 다시 사용되어질 수 있게 작성하는 것이 좋은 개발 방향인 것 같다!h1은 bloc

100vw, 100vh는 스크롤을 포함한 영역까지, 100%는 스크롤을 포함하지 않는 영역까지✔️ 한가지 크기로 고정시킬 것이 아니라면, 정수 단위 px로 컴포넌트 크기를 하드코딩하게 되면 위험하다!✔️ calc, position, flex(grow, shrink, b

✔️ 100vw✔️ 여전히 어려움ㅎ✔️ 이번 스프린트에서 느낀점이라고 하면, width/height는 padding으로, Element의 position은 top,bottom,left,right로 적절히 반응형을 구현할 수 있다는 점이다.✔️ 문득 갑자기 반응형이 무얼

styled.div옆의 <>은 타입 명시이기 때문에 써주면 좋지만, 안써줘도 props 조회가 가능하다.아래의 코드에서 여러개의 Product 컴포넌트를 감싸는 div는 ProductList로 명명하는 것이 적절할 것이다.하지만 ProductList는 이미 해당