22년의 첫번째 일요일

어제에 비해서 나쁘지 않다. 토요일 하루가 불만이었는지 늦게까지 잠이안와서 4시쯤 잔거같다.

늦잠은 잤지만 공부도 바로했다.

 

하루하루가 비슷하다보니 주말도 시큰둥하다.

좀 더 확실히 할 필요가 있다.

휴식이 소중하려면 그만큼 노동의 강도가 있어야 된다고 생각한다.

좀 더 프로답게 생각하고 행동하자.

 

진짜 겨울이 왔는지 운동하러 나가기가 무섭다.

-4도 까지는 나갈만한데 그 밑으로는 힘들다고 느낀다.

옷을 껴입으면 뛸 때 덥고 패딩을 걸치자니 걸어둘 곳이 없다.

변명같지만 이럴 땐 홈트를 더 열심히하려고 하는 편.

 

 

오늘의 공부

클론코딩의 시작

kakao톡 백엔드 없이 프론트로만 구성하기

github에 커밋하면서 진행할 예정이며, css는 BEM 형식을 지키며 작성할 것.

*BEM (Block Element Modifier)

id없이 class로만 작성하며 범위에 따라 naming 하는 방법

ex) tab__item--focused

 

fontawesome 에서 아이콘 가져오기

 script 사용해서 적용 후 i태그에서 class 로 적용한다.

 

html 작성 시 class name 실습

 

css 적용 상단바 부터.

font 적용 (import 사용 goole font)

  body에 font-family 추가

 

css-hack : element 들 내가 원하는대로 정렬.   (space-between 썼는데 가운데 값이 정중앙에 없을 때)

상위박스는 center로 정렬, 내부박스들 width : 33% 적용

중앙에 위치할 박스 : display:flex.  justify-content: center

오른쪽 정렬할 박스 : display:flex.  justify-content: flex-end

나머지는 세부 조정.