본문 바로가기

개발 공부52

<header> <footer> 태그 사용하는 이유 html 문서 예시를 보면 그냥 다 div나 span로 통일하고 class 지정해주면 되는걸 왜 header footer을 쓰는거지? 하고 궁금해 했는데 검색해보니 생각보다 간단한 이유였다. 클린 코드가 중요하듯이 html문서를 볼 때 알아보기 쉽게 header footer nav aside 태그를 사용해 header라면 아 이 안의 코드는 제일 위를 구성하고 있겠구나?!를 보여주는 것이다. 이런식으로 대략적으로 태그가 어디 존재하는지를 알 수 있다. html5 부터 시멘틱한 html 작성이 중요하다고 하는데 비록 백엔드를 지망하지만 html도 그렇고 css도 sass를 알아보고 싶고 자스도 더 파보고 싶고... 자바부터 열심히 합시다^^ 2022. 10. 25.
CSS HTML <picture> <source> 태그에서 media 사용했는데도 이미지가 똑같을 때 어이없게도 분명히 코드를 맞게 적었는데! 예제랑 똑같이 작성을 했는데!도 불구하고 태그에선 작동하는 이미지가 태그에서 media랑 같이 쓰니 작동하지 않아 너무 답답했는데요 그 이유를 발견했습니다. img 태그와 source 태그의 위치가 바뀌어서 그렇습니다.....;;; 혹시 img 태그를 Picture 태그의 마지막 자식에 배치했음에도 이미지가 나오시지 않는 분들은 source 태그가 여러개라면 min-width을 오름차순으로 배치해보세요! 이런식으로요 도움이 되었으면 좋겠습니다. 2022. 10. 25.
html에서 <ul> <ol> <dl> 그리고 <li>의 차이 은 ordered list의 약자로 순서가 있는 목록을 만들 때 사용합니다. 은 unordered list의 약자로 순서가 없는 목록을 만들 때 사용합니다. 불렛 마크로 표시된 목록을 생각하면 됩니다. 은 definition list의 약자로 용어를 설명하는 목록을 만들 때 사용합니다. 마지막으로 은 위의 모든 를 사용할 때 그 하위목록을 나타낼 때 사용합니다. 이런식으로요!! 이렇게 목록을 만듭니다 ul은 unordered list 2022. 10. 24.
[자바다] 자바에서 for문이 while문의 속도 차이와 그 이유 (아마...) 백준에서 문제를 풀다보니 왠지 모르게 컴파일 시간에 연연하게 되네요 ㄱ- ... 시간을 줄이기 위해 여러 노력을 해보는데 for문을 사용할때가 while문보다 조금 더 빠른 것을 발견했습니다. for문을 사용하기 위해서는 변수를 하나 더 할당해야 하기 때문에 당연히 기존의 변수를 사용해 반복문을 구성한 while문이 더 빠를 것이라고 무작정 생각한 제 나름의 상식이 깨어져서 정말 놀랐습니다. 정말 미세한 차이지만 왜 그런가 검색해보니 for문이 변수 하나를 사용하지만 반복문이 끝나면 바로 할당된 메모리를 해제하는 반면 while문은 반복문에 활용되는 변수를 계속 가지고 있기 때문이라고 합니다. 컴파일 된 코드를 보면 for과 while의 차이는 없다는 글도 있고, 속도는 컴파일러의 차이일 뿐이라는 글도 .. 2022. 9. 27.
반응형