[TIL] CSS 하드코딩으로 웹페이지 만들기

Intro

"네모난 침대에서 일어나 눈을 떠 보면, 네모난 창문으로 보이는 똑같은 풍경~~"
아..언제 적 노래...ㅠㅎ
와이어프레임을 만들며 화면 영역나누기를 하다보니 머릿속 무한반복되는 오래된 노래..허허허허허허허허 사실 가사는 모르겠고 네모난 어쩌고 네모난 네모네모
멈뭄미가 생각나는 하루~

새롭게 배운 내용

• 와이어프레임의 필요성 - html 작성에 용이 + 협업에도 도움 (동상이몽 방지)
• 막연하게 알던 셀렉터를 명확히,
  - 후손, 자식 셀렉터의 구분, 구조 가상 클래스 셀렉터 사용, 부정 셀렉터, 가상클래스 셀렉터 등 + 속성 셀렉터 (!= ^= $= *=)체크 필요
• 클래스명 방법론 BEM vs Atomic CSS
• flexbox를 활용해 (grow shirink basis의 개념 및 섞어쓰지않고 하나씩 사용) 레이아웃 설정하기
• CSS 리셋
• boxshadow, opacity, transition 등
• box-sizing : content-box vs border-box (차이와 필요)

내일은_이라쓰고 주말엔,

• 떠오른 아이디어로 웹페이지 만들어보고 오늘 목업보다 좀더 발전시켜보기
• js 활용해보기
• 내 Repo에 올려보자...ㅎ