둥이의 개발여행

script 태그의 위치에 따른 차이점js 파일을 script 태그로 html에 연결하는 방법은 크게 4가지가 있다. 연결 위치에 따라 차이가 발생하는데, 그 이유는 웹 브라우저의 동작 과정과 연관되어 있다. script 태그 위치에 따른 차이점과 무엇이 가장 선호되는지 알아보자. 1. head 태그html 파싱 > html 파싱 stop > js 파일 다운로드 후 실행 > html 이어서 파싱 head 연결  장점 : 웹사이트가 완전한 형태로 보여진다.단점 : js 파일의 용량이 크고 인터넷 속도가 느리다면 웹사이트를 보는 데까지 많은 시간이 소요된다.2. body 태그 끝html 전체 파싱 > js 파일 다운로드 > js 파일 실행 body 끝 연결  장점 : js ..

웹 페이지에서 마진(margin)과 패딩(padding)은 여백 공간을 의미합니다. 마진과 패딩을 잘 활용하면 웹 페이지 상에서 원하는 공간에 콘텐츠를 삽입할 수 있게됩니다. 그렇다면 마진과 패딩은 무엇을 뜻하고 이들을 어떻게 사용해야 할까요? 웹 페이지 요소웹 페이지에 요소를 삽입하면 다음과 같은 구성을 갖습니다. 제일 내부에 실제로 우리가 보게되는 콘텐츠가 있고, 그 밖을 패딩이, 패딩의 겉은 테두리가 둘러싸고 있습니다. 그리고 테두리와 다른 요소사이의 공백은 ㅁ영역이라고 합니다.마진 margin 마진(margin)은 현재 요소 주변의 여백 공간을 의미합니다. 마진을 조절하면 현재 요소와 다른 요소간의 공간을 조절할 수 있습니다.마진 속성마진은 다음과 같은 속성으로 영역을 조절할 수 있습니다.marg..

시맨틱 (Semantic)이란?우선 '시맨틱'이라는 단어는 '의미의, 의미론적인' 라는 뜻이 담겨있습니다. 이로 유추해보았을 때, 시맨틱 태그는 태그 내용에 의미를 부여하는 태그라고 할 수 있습니다. 시맨틱 태그는 웹 페이지에 보이는 것 이상의 정보를 제공합니다. 웹 기술이 발전함에 따라 태그의 내용은 정보로서 높은 가치를 포함해야 한다는 점이 점점 더 중요해지고 있습니다. 그래서 개발자들은 유용한 형태의 데이터로 웹을 만들기 위해 노력해야 합니다. 그러한 노력 중 하나가 바로 시맨틱 태그를 사용하는 것입니다. 이를 통해 사람들은 코드를 읽는 것이 훨씬 쉬워지고, 검색엔진 즉, 기계 입장에서는 콘텐츠를 더 쉽게 이해할 수 있습니다. 따라서 SEO (검색엔진최적화) 성능을 더욱 향상할 수 있습니다.시맨틱 ..