7/28[수] 국내외 사이트 카피캣 (네이버 블로그 2.3편)

💡 학습한 내용

✅ 네이버 블로그 2편

• 블로그 메인 오른쪽 영역

🐋결과물

✔️ 글자 옆에 icon을 넣는 다양한 방법 중 하나.

.blog-main #blog-main-content #blog-helper li a {
    display: block;
    height: 35px;
    line-height: 35px;
    
    padding-left: 40px;
    💨 이미지는padding-left 적용이 되지 않기 때문에 글자를 옮길시에 사용된 것.
    
    background-image: url(../checkbox.png);
    background-repeat: no-repeat;
    background-position: left;   
    
    background-size: 20px 20px;
    💨 icon크기 변경 : width값, height값
}

• 블로그 메인 푸터 영역

✅ 네이버 블로그 3편

• 블로그 챌린지 프로그램
  

🙅‍♀️ 학습한 내용 중 어려웠던 점 / 해결방법

오늘 배운 블로그 작업은 이전에 했던 작업들과 비슷했다. 비슷한 내용이 계속 반복되고 있지만 어떤 속성을 사용해야 하는지 빠르게 생각하지 못하는 것이 문제점인 것같다. 특히 ㅣ(작대기)부분을 만드는 속성이 자주 사용되는데 자주 까먹는다. 그래서 개발일지 내용에 박제를 시켰다. 생각이 나지 않을 때 마다 개발일지에 적어둔 내용을 다시 보면서 머리 속에 넣는 것이 중요할 것 같다.

🙋‍♀️ 학습소감

오늘 동영상 강의의 시간은 긴 편이였다. 긴 집중력이 필요하기도 했지만 네이버 블로그를 자주 사용하는 편이라 만드는 데에 흥미가 느껴졌다. 블로그와 같이 많은 사용자들이 자신의 감정과 글귀를 남기는 공간에 대한 웹페이지를 만들어 보고 싶다. 그래서 오늘 들은 블로그 웹페이지를 만드는 강의가 나중에 많은 도움이 될 것 같다.