분류 전체보기
String 메서드 모음
String.prototype.indexOf : 전달 받은 인수와 매치되는 첫번째 인덱스를 반환 ex) const str = 'hello world'; str.indexOf('l') // 2 str.indexOf('l',3) // 3 (두번째 인수가 있으면 그 인덱스부터 검색) str.indexOf('z') // -1 String.prototype.search : 전달 받은 정규 표현식과 매치되는 첫번째 인덱스를 반환 ex) const str = 'hello world'; str.search(/o/) // 4 str.search(/z/) // -1 String.prototype.includes : [ES6] 전달 받은 문자열이 포함되어 있으면 true, 아니면 false 반환 ex) const str =..
Array 배열 메서드 모음
Array.isArray : 인수가 배열이면 true 아니면 false 반환 ex) Array.isArray([1,2]) //true Array.isArray({}) //false Array.prototype.indexOf : 인수로 전달된 요소를 검색해서 인덱스 반환 ex) const arr = [1,2,3,4] arr.indexOf(3) // 2 arr.indexOf(5) // -1 Array.prototype.push : 전달받은 인수를 원본 배열의 마지막 요소로 추가 (원본 배열 직접 변경됨) ex) const arr = [1,2,3,4] arr.push(5,6) // [1,2,3,4,5,6] Array.prototype.pop : 원본 배열의 마지막 요소를 제거하고 반환 (원본 배열 직접 변경됨..
홈페이지 검색 시 favicon 보이게 하는법(robots.txt)
검색엔진은 웹사이트의 정보를 가져오기 위해서 각 검색엔진마다 검색로봇을 사용하여 정보를 수집한다. 정보 수집을 위해서 검색로봇은 웹사이트의 robots.txt 파일을 읽어서 필요한 정보를 수집한다. 홈페이지 검색 시 favicon이 익스플로러 창으로 보이거나 다르다면 [웹사이트주소/robots.txt] 접속해서 파일을 확인해본다. robots.txt가 없다면 작성해서 업로드 해주면 자동으로 검색엔진이 수집해서 favicon을 바꿔준다. (단, 수집 주기는 엔진마다 차이가 있어서 몇시간에서 며칠이 걸릴 수 있다. 구글이 좀 더 오래걸리는듯..) 기본 작성 방법 파일명 반드시 robots.txt으로 설정 파일 위치 - 반드시 루트 디렉터리(/)에 위치 (아니면 효력 없음) 파일 내용 - 대/소문자를 구분함 ..
홈페이지 카카오, 유튜브, 블로그 링크 아이콘 만들기
홈페이지 오른쪽 하단에 항상 떠 있는 링크 아이콘 만들기 위한 코드 및 css 이미지는 원하는 아이콘 모양을 찾아서 크기 및 색상 등을 맞춰주면 된다 (무료 사이트 : https://www.flaticon.com/kr/) //원하는 아이콘 만큼 a 태그를 넣어주면된다. //블로그 아이콘 //카카오 아이콘 //유튜브 아이콘
반응형 모바일 overflow 적용 안됨(오른쪽 흰 줄)
반응형 웹을 하다보면 overflow가 웹에서는 적용되는데 모바일에선 적용 안되는 경우가 있다 overflow-x:hidden; 을 줬는데 모바일에선 오른쪽으로 옮겨지면서 흰색 줄이 생겼다. 이럴 때 overflow를 html, body에 넣었는지 확인해보자. 모바일에선 html,body에 overflow를 넣으면 적용이 안된다. 그래서 div나 다른 태그로 옮겨주면 잘 작동한다.