본문 바로가기

지금, 개발하기81

Javascript] 배열 메서드 every, some 배열 메서드 every, some 1. 정의 1) 배열 메서드 every - 함수의 반환값이 모두 true일 때만 true를 리턴. - 함수의 모든 원소가 조건을 만족하는지 확인할 때 사용. 2) 배열 메서드 some - 함수의 반환값이 하나라도 ture일 때 true를 리턴. - 함수의 원소 중 하나라도 조건을 만족하는 확인할 때 사용. 2. 예시 function over100(element, index, array){ return element > 100; } array1 = [10, 20, 30, 40, 50]; array2 = [110, 90, 80, 70, 60]; console.log(array1.some(over100)); // false console.log(array1.every(over.. 2021. 8. 17.
HTML/CSS] baseline이란? vetical-align 속성을 사용하려면 baseline을 알아야하는데요. baseline은 기준선이라는 의미로 정렬을 할 때, 중요한 기준이 됩니다.쉬운 내용이지만 헷갈릴 수 있으니 한번 알아두면 좋습니다. baseline 아래 그림처럼 글자의 마지막을 주욱~ 그엇을 때 이어지는 선이 baseline입니다. 알파벳이 조금 삐져나오긴 하지만 저 빨간 선을 기준으로 글자가 쓰여졌다는 걸 알 수 있습니다. 그런데 조금 헷갈릴 때가 있습니다. overflow를 써서 예시를 들어보겠습니다. 1. overflow : scroll 이런 경우에는 요소의 margin 끝이 기준이 됩니다. 2. overflow : visible 글자가 보이는 경우에만 글자의 끝이 baseline으로 설정됩니다. 3. overflow .. 2021. 7. 9.
HTML/CSS] a 태그 활용하기 '링크'는 클릭만 하면 연결된 주소로 이동을 해주는 웹문서의 기능입니다. 텍스트를 클릭해서 해당 페이지로 이동할 수도 있고, 이미지를 클릭해서 해당 링크로 이동할 수 있습니다. 그럼 본격적으로 태그, href 속성을 이용해서 링크를 만들어 보겠습니다. 링크 텍스트 1. 태그의 속성 텍스트 · target: 링크한 내용이 표시될 위치를 지정 · download: 링크한 내용을 단순히 보여주지않고 다운로드 · rel: 현재문서와 링크된 문서의 관계 · type: 링크한 문서의 파일 유형 · hrefleng: 링한 문서의 언어 target으로 예를 들어보겠습니다 :) target : 태그의 target 속성은 링크를 클릭했을 때 문서가 열릴 위치를 지정해줍니다. tatget의 속성값은 '_self'와 '_bl.. 2021. 7. 8.
HTML/CSS] 이미지(img) 가운데 정렬 이미지(img) 가운데 정렬 ① text-align ②margin auto ③vertical-align 웹페이지를 만들다보면 이미지(img)를 가운데 정렬하고 싶을 때가 있습니다. 이미지를 가운데 정렬하는 방법은 많은데요. 저는 이번에 ① text-align과 ②vertical-align으로 가운데 정렬을 해보겠습니다. ① text-align img는 텍스트처럼 다뤄지기 때문에 text-align으로 조절이 가능합니다. 태그의 부모태그인 태그에 text-align:center를 적용하면 이미지를 가운데 정렬할 수 있습니다. img{ height: 150px; } div{ text-align: center; } ㄱ ②margin left/right: auto 제가 정말 많이 쓰는 방법인데요 ㅎㅎ 그냥 im.. 2021. 7. 7.