학습한 내용
네이버 메인 실습1
학습한 내용 중 어려웠던 점 또는 해결못한 것들
li 태그와 img 태그 사이에 또 멋대로 여백이 생겼다. 그리고 경제M 영역에서 설명하는 텍스트가 넘치면 높이값이 달라지면서 정렬이 못생겨지는데 이 부분을 원래 웹사이트는 어떻게 처리했는지를 모르겠다.
해결방법 작성
여백 부분은 멘토님이 알려주신대로 부모 태그에 font-size를 0으로 주니까 해결되었다. 그렇지만 초기화 작업처럼 전체 스타일에 적용을 했다간 해당 태그를 쓰는 다른 부분까지 영향을 줄 수 있어서 사용할 때 조심해야겠다고 생각했다.
정렬 부분은 일단은 넘치는 텍스트를 잘라뒀다. 지난 주에 알려주셨던 말줄임표를 넣어주는 방법을 활용해보면 될 것 같기도 한데 막상 넣어보니 생각한대로 되지 않아서 원래 웹사이트에 개발자도구로 어떻게 처리했는지를 확인해보고 다른 방법도 검색해보고 수정해보려고한다.
학습 소감
네이버 메인화면은 정말 자주 보는 페이지인만큼 익숙한데 그 익숙한 페이지를 비슷하게 구현하는게 그렇게 쉽지는 않은 것 같다. 컨텐츠가 많고, 대체로는 반복되는 것이어도 부분부분마다 구조가 생각보다 복잡하다. 어렵다기보다는 선택자나 태그 수가 많아지고 길어지면서 구조를 바로 파악하기가 조금 헷갈려지는 것 같다. 헷갈릴수록 꼼꼼하게 확인하는 태도가 필요할 것 같다.
