개발자도구2 [코딩공부_112] 내가 작성한 코드가 왜 적용되지 않을까? 퍼블리싱을 하다보면 자신의 의도대로 CSS가 먹히지 않는 경우가 많습니다. 이러한 경우는 많은 경험이 쌓여야 즉각적으로 대처할 수 있다고 생각합니다. 퍼블리싱을 한지 2년 조금 넘은 사람으로써 느끼지만 적용되지 않는 경우는 거의 비슷한 이유로 인해 발생합니다. 그러므로 알고 넘어가면 나중에 큰 도움이 될 거라고 생각합니다 :) CSS가 적용되지 않는 경우는 일반적으로 다섯가지가 있습니다. 1. CSS 파일의 경로가 올바르지 않은 경우 2. 캐시로 인한 이전 CSS 파일이 적용된 경우 3. 우선순위에서 밀려난 경우 4. 다른 엘리먼트에 깔려 안보이는 경우 (=Position으로 인하여 안보이는 경우) 5. 올바르지 않은 함수 호출 순서의 경우(JS) 1. CSS 파일의 경로가 올바르지 않은 경우 가장 일반.. 2022. 1. 3. [코딩공부_111] 개발자 도구를 유용하게 사용해 보자! 개발자도구를 그냥 HTML 구조만 보는 용도로 사용한다면 꼭 보세요! 여러분들은 개발자도구를 어떻게 사용하시나요 ? 사이트의 사진을 저장하거나 CSS 스타일 등등 개발자도구를 활용하여 많은 힌트와 도움을 줍니다. 개발자도구를 100% 활용할 수 있다면 더 좋은 사이트를 제작할 수 있습니다! 오늘은 개발자도구를 100% 활용하고 나의 사이트에 적용하는 방법에 대해 알아보고자 합니다. 저는 크롬 브라우저의 개발자도구를 활용하여 블로그 포스팅을 하려고 합니다 ^^ ! 브라우저마다 조금씩 기능의 디테일이 다르기 때문에 알려드립니다! 그럼 바로 시작해 볼까요 ? 개발자 도구가 필요한 이유 개발자 도구는 개발을 도와줄 수 있는 다양한 도구를 브라우저에서 제공해 주는 기능입니다. 웹페이지의 구조가 복잡하고 자바스크립.. 2022. 1. 3. 이전 1 다음
