오늘 할일

• 남일님: 위시리스트 페이지 타이틀, 버튼 컴포넌트 제작

• 정은님: 파일들 확인 후 피드백, 상품 상세 페이지 컴포넌트 제작, 공통 컴포넌트 스타일 추가 및 버튼 컴포넌트 수정

• 영주님: 이미지 컨버터 디펜던시 기능 구현 및 기존 header.html에 header와 navbar붙어 있던거 분리, 사이드바 애니메이션, header 고객센터 hover시 서브메뉴 애니메이션 등 추가

• 선현님: 로그인 폼 페이지 구현!

• 범원님: 메인 페이지 제작

• 오늘 깨달은 점 및 배운 점 (남일)

1. 문제가 생길 때 개발자 도구 사용하는거 습관화하기.
2. 내가 지정하지도 않은 값이 어디서 적용되는지 모르겠다? 보통 @import를 찍으면 반은 맞는다. 개발자 도구 찍어서 css파일에 없는 값이 어디서 튀어나왔는지 경로 확인하기.
3. inline-size와 min-inline-size의 차이점?

• inline-size는 인라인 방향의 크기를 고정함. (ex: inline-size: 50px ⇒ 인라인의 크기를 50픽셀로 고정)
• min-inline-size는 최소 인라인 크기를 제한함.

⇒ 텍스트가 길어질 경우 inline-size로 지정한 요소는 overflow가 됨(넘친다는 뜻)

min-inline-size는 값보다 작게 줄어들 수는 없지만 더 넓어질 여지는 있다는 뜻이기 때문에 유연한 레이아웃에 적합함.

오늘의 명언

그리고 약속, 나 기억할게요.