2021-06-16 65일차

큐

• 블로그 Jquery를 이용해 누르면 열리고 닫히는 토글 메뉴 만들기
• 게시물 리스트에 미리보기되는 글이 어느정도 많아져도 넘치지 않게하기(기존엔 한줄로만 나왔는데 여러줄로 바꾸기)
• 상세페이지 디자인도 살짝 변경하기

자주하는 실수

• 코드를 작성할 때 신중하게 해야겠다. 복붙한후, 몇글자 수정하면 끝인데 수정을 안해서 에러가 나고, 그로인해 시간을 너무 잡아먹었다.

내가 모르는 것

• display : -webkit-box; 관련해 자세하게 찾아보지 못하고 사용법 정도만 익혔다.

느낀점

• 기존에 text-overflow : ellipsis를 사용해서 한줄로 나오게 할 수는 있었지만, 내가 원하는 디자인은 여러줄로 나오면서 지정된 범위를 넘기면 그때서야 생략을 하고싶었는데, ellipsis는 nowrap과 같이 사용해서 한줄로 나오게 해야 사용할 수 있었다. 하지만 display : -webkit-box를 사용해서 여러줄로 나오게 할 수 있었다.

  	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;