본문 바로가기
728x90
320x100

💻 하나씩 차곡차곡/Front-end25

[자바스크립트/Javascript] indexOf() 란? indexOf() 문자열에서 특정 문자의 위치를 찾기 위한 메서드. 검색된 문자열이 첫번째로 나타나는 위치의 index를 반환. 찾는 문자열이 없으면 -1을 반환. 문자를 찾을 때 대소문자를 구분함. indexOf(“찾을 문자열”, 찾을문자열을 시작할 위치(숫자)) IndexOf(“안녕”) => “안녕”이 들어간 문자열 첫번째 인덱스 위치를 반환 indexOf(“안녕”, 3) => 인덱스 넘버 3이후에 “안녕이 들어간” 첫번째 인덱스 위치를 반환. Let str = “배사과나무”; str.indexOf(“배”); //0 str.indexOf(“사과”); //1 str.indexOf(“배나무사과”); // -1 2021. 11. 8.
[자바스크립트/Javascript] replace()란? replace() 메서드는 문자열을 치환/변환 할 때 사용한 메서드. ※ 문자열에서 첫번째로 변경하려는 문자열이 여러번 반복될 경우, 첫번째로 발견한 문자열만 치환해줌. 그럼 replaceAll() 이라는 메서드쓰면 되지 않나여? 없어요ㅇㅇ. [사용방법] replace(“찾을 문자열”, “변경할 문자열”); [사용예] → 해당 문자열에서 첫번째로 검색된 ‘배’를 ‘오렌지’로 변경해라. let str = "사과, 배, 수박"; let strRep = str.replace("배", "오렌지"); console.log(strRep); [결과값] 그렇다면 찾는 문자열이 여러번 반복될 때 그 모든 문자열을 변경하고 싶다면? 정규표현식을 사용하면 됨! [사용방법] replace(“/찾을 문자열/gi”, “변경할 문.. 2021. 11. 2.
[자바스크립트/Javascript] join() 함수란? join() => join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듦. let arr = ['사과', '바나나', '수박']; let arrJoin1 = arr.join(); console.log(arrJoin1); let arrJoin2 = arr.join(''); console.log(arrJoin2); let arrJoin3 = arr.join('//'); console.log(arrJoin3); 1) join() 메서드만 사용할 경우 => ','가 기본적으로 붙어나옴. ex) 사과,바나나,수박 2)join('') 메서드 안에 ''을 넣어주면 배열 사이사이 가 다 붙어서 문자열이 나옴. ex)사과바나나수박 3) join('-') 메서드 안에 문자열을 넣으면 배열 사이사이 그 문자열.. 2021. 11. 1.
[Javascript/자바스크립트] var, let, const 차이점 / 호이스팅(hoisting)이란? 교육할 때는 var, let, const 에 대해서 모두 배우긴 했지만 대부분 var를 기준으로 코딩하고 배워서 let, const의 차이점에 대해 한번 정리해야 할 필요가 있어서 정리. 변수를 선언할 때 var, const, let로 가능한데, 원래는 var만 사용하다가 ES6부터 const, let 키워드가 추가되었다. ※ ES6란? ECMAScript의 약자이고 숫자 6은 여섯번째 ES라고 생각하면 됨. (ECMAScript는 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어) ES는 프로그래밍 언어가 아니라 스크립트 언어들에 대한 표준, 규격임. var 변수 중복 선언 가능, 변수 재할당 가능. var ddururi = "뚜루리"; var ddururi = "뚜루리2"; //변수 중복선언 가능.. 2021. 10. 21.
[Javascript/자바스크립트] 함수 선언식 vs 함수 표현식 vs 화살표함수 (+ 그외) 함수정의방법은 크게 3가지로 구분할 수 있다. 함수 선언식 vs 함수 표현식 vs 화살표함수 오늘은 각각의 함수정의방법에 대해 알아볼 예정. 함수선언식 일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 방식. 변수 선언을 let / const 등으로 시작해야하는 것 처럼 함수 선언은 function으로 시작. 선언 된 함수는 나중에 사용될 것을 위해 저장되며 call 될 때마다 실행된다. 함수 실행시 함수의 이름을 호출하면 된다. function test(){ alert("함수선언식입니다."); } test();// 함수실행 함수 호이스팅 발생. 런타임 이전에 함수 객체가 생성이 되므로 함수가 정의되기 전에 함수를 호출할 수 있다. test(); // 선언 전에 호출되도 정상 동작 function tes.. 2021. 10. 20.
[html] <dd>, <dl>, <dt> 태그란? (정의 및 사용법) Description-list 용어를 설명하는 목차를 넣을 때 Description-term 용어의 제목을 넣을 때 Description-description 용어를 설명하는 내용을 넣을 때 사용하는 이유 메타데이터 표시함. 대상을 설명 및 설명함. 사용시 주의사항 은 반드시 하나 이상의 ~ 짝을 담고 있어야 함. ,는 밖에서 독립적으로 사용할 수 없음. 는 하나 이상의 를 형제 요소로 가질 수 있음 (예) dt-dd-dd) 하나 이상의 가 연속으로 나올 수 있음. (예) dt-dt-dd) 는 ~ 감쌀 때 쓸 수 있지만, -의 형제 요소여서는 안됨. 사용예시 나의 이름 뜻 홍길동 : 홍길동 처럼 정의로는 사람이 되라는 뜻입니다. 2021. 9. 26.
728x90
320x100

티스토리툴바