8/12[목] 국내외 사이트 카피캣 (네이버 이스포츠 2편)

💡 학습한 내용

✔️ 네이버 이스포츠 왼쪽 영역


💨 위와 같은 형식으로 만드는 법 !

#esport-main-article {
    overflow: hidden;
    width: 100%;
    height: 468px;
    background-color: grey;
    border-radius: 10px;
}
#esport-main-article .article {
    float: left;
    width: 50%;
    height: 50%;
}
#esport-main-article .article.full {
    height: 100%;
    background-color: green;
}
#esport-main-article .article.two {
    background-color: blue;
}   
#esport-main-article .article.three {
    background-color: pink;
}

❗️❕ fixed 된 메뉴 부분을 스크롤 할 때 아래 속성보다 위로 나오게 할려면 z-index를 최대치로 입력하는 것이 좋다.

#esport-header {
    position: fixed;
    width: 100%;
    background-color: #151618; 
    border-bottom: solid 1px grey;
    
    left: 0;
    top: 0;

    z-index: 99999;
}


❗️❕ 말 줄임표 만드는 법

display: -webkit-box;
    overflow: hidden;
    max-height: 38px; [이 크기가 되었을 떄 말 줄임표시를 허겠다는 뜻]
    -webkit-line-clamp: 2; [2번째줄에서 말 줄임표시를 하겠다는 뜻]
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;

❌ 학습한 내용 중 어려웠던 점 / 해결방법

수업을 듣는 것에는 어려웠던 점이 없지만 나의 자세와 태도가 바뀐 것이 문제인 것같다. 매번 시작할 때는 열심히 하지만 시간이 지나면 의욕이 점점 떨어지는 것이다. 이렇게 되면 악순환이 시작되기 때문에 끊어 줘야 한다.
조금씩 끊어서 보는 한이 있더라도 새롭게 배우는 것에 집중을 하면서 강의를 듣자.
초반에 적었던 개발일지들과 일기를 보면서 마음을 다시 되잡아야 겠다.

⭕️ 학습소감

아직 복습해야 하는 강의가 많이 남았다. 하루에 2개의 강의를 정도를 복습할 계획을 잡아두었다. 금토일 시간을 잘 활용하여 정리를 잘 해둬야 겠다.

좋은 웹페이지 즐겨찾기