간단한 요약

오늘은 네이버 뉴스 웹페이지를 클론 제작하였다. 전반적으로 간단한 layout이어서 힘들지 않았다.

---

배운 내용

아래와 같은 결과물이다.

• 아래와 같이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;
}

---

어려웠던 내용

역시 어려웠던 내용은 없었다.

---

소감

flex의 활용 방법을 알 수 있어서 좋았으며, 조금 더 디테일한 layout 작업에 속도가 붙는 것 같아서 좋았다.

---

나의 코드

추가된 코드는 역시 github에 업데이트하였다.