210729 개발일지

1) 학습한 내용

네이버 뉴스 상단 영역

github

Flex 설정을 미리 셋업하고 클래스로 이용하면 편리하다.

news-flex-between {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.news-flex-start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.news-flex-end {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

---

부모가 relative, absolute로 순수 3차원적인 특징을 가지고 있을 때, 
자식이 3차원이면 자식의 left/right 등 사용했을 때 부모를 기준으로 좌표 설정 됨

2) 학습내용 중 어려웠던 점
공간에 대한 크기 조절

3) 해결방법
배치시 값을 바꿔가며 변화를 확인함

4) 학습소감
비슷하지만 적용법이 조금씩 다르므로 계속 연습해야겠다.