HTML/CSS

float float은 '뜨다'라는 뜻으로, 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 때 사용하게 됩니다. 왼쪽으로 정렬하거나, 올ㄴ쪽으로 정렬하거나, 문서를 layout 할 때도 사용할 수 있습니다. float은 none, left, right, in

none 화면 상 어떤 영역을 차지하지 않고 완전히 삭제된 것처럼 보이게 합니다. 즉, 아무것도 없는 것 처럼 감추거나, 가릴때 사용하게 됩니다. inline span은 표준 인라인 엘리먼트입니다. span을 예로 들 수 있는데, text 크기만큼만 공간을 점유하고

Static은 기본값입니다. 정적 엘리먼트는 위치가 지정된 것이 아니라고 표현하며, static이 아닌 다른 값을 사용하게 되었을때, 위치가 지정되었다고 표현합니다.즉, 위치가 지정된 엘리먼트는 static으로 지정되지 않은 엘리먼트를 가르킨다.Relative를 사용할

이전에 토요일만 수강하는 학원에서는 JS MDN을 사용하여 하기처럼 Mouse가 해당 이미지나 로고 등 선택한것에 mouserenter 했을때 색상을 변환하고 mouseleave 했을때 원래대로 돌아오도록 구현했었다. 하지만 아래에서 설명한것처럼 css의 hover를

화면 전환 시 애니메이션 효과를 넣고 싶어서 여러 사이트들을 찾아보았다.생각했던 것과 똑같은 것을 찾지는 못했지만 정말 많은 애니메이션 효과가 있다는 것을 알았다. 그리고 만드는 것은 굉장히 까다롭지만 사용하는 것은 정말 쉬웠다.tympanus 사이트의 scale 효과

var let const 차이점을 자세하게 정리한 페이지 공유

var arr = 1,2,3,4,5,6배열의 길이보다 작을때 : 해당 index부터 끝까지 slicearr.slice(3) //4, 5, 6arr.slice(1,3) //2, 3배열의 길이보다 크거나 같을때 : 빈 배열을 반환arr.slice(6) //\[]음수일때 :

시맨틱 웹(Semantic Web)은 "의미론적인 웹"이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미합니다. 시맨틱 태그(Semantic Tag)는 문서의 구조와 의미를 브라우저와 개발자 모두에게 명확하게 설명한다.시맨틱 태그를 사용하면 유저가 웹에서