간단한 요약

오늘은 뉴스 상세 페이지 중 하나인 네이버 연예 페이지 작업을 했다.

---

배운 내용

말 줄임 표시 적용

실무에서 종종 쓰일 듯 한 Tip이다. 요소에 아래의 코드를 상황에 맞게 적용하면 될 듯 하다.

max-width: 100%;
display: block; (블럭 속성이 되어야 적용 가능)
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

결과

header 영역 로그인 옆 간단한 아이콘은 미리 추가해두었음

---

어려웠던 내용

어려웠던 것은 아니지만, 말 줄임 표시를 자동으로 적용시켜 주는 것은 외워두면 좋을 듯 하다.

---

소감

역시 배웠던 것들을 반복하는 과정이라 특별할 것은 없었다. 내일은 실제 페이지와 다른 부분, 그리고 내가 바꾸고 싶은 부분들을 조금 수정할 계획이다.

---

나의 코드

github에 늘 업데이트 하는 중이다.