js6 [JavaScript] IndexedDB 사용법 알아보기 [JS기초 함수] - 띵코딩 on Code IndexedDB란? IndexedDB는 웹페이지에 내장된 데이터베이스로 서버가 아닌 클라이언트에 데이터를 저장하고 사용한다. 인덱스를 사용하기 때문에 탐색면에서 서버에 비하면 속도가 빠르고, 비용도 절감되며, 서버로부터 사용자의 정보를 노출시키지 않기 때문에 보안상에서도 보다 안전하다. 이 외에 Cookie, LocalStorage 내장 데이터베이스도 존재하지만 이 둘은 저장공간이 크지않고 동기식으로 작동되며 데이터타입이 문자열인 것만 저장되기 때문에 IndexedDB에 비하면 성능이 뛰어나지 않다. 확실히 다른것에 비해 성능이 뛰어나지만 IndexedDB는 비동기식이며, 사용 난이도가 어렵다는 단점이 있다. IndexedDB 구조 여러개의 객체들을 오브젝트 스토어에 넣고, 그 오브젝트 스토어들을 묶어.. 2023. 10. 3. [JavaScript] find() 사용법 알아보기 [JS기초 함수] - 띵코딩 on Code find()란? 배열의 각 요소에 대해 주어진 콜백 함수(reducer)를 실행하면서 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다. Array.find() 구문 Array.find( callback( element, index, array ) => { return 참이되는 첫 번째 값 } element : 처리할 현재 요소 index : 처리할 현재 요소의 인덱스 array : find를 호출한 배열 (위 예시에서는 Array) Array.find() 설명 find() 메소드는 각 요소에 대해 callback 함수를 실행하여 참을 반환하는 첫 번째 값을 즉시 반환합니다. 만약 어느 요소도 그렇지 않았다면 undefined를 반환합니다. find() 메소드는.. 2023. 9. 6. [JavaScript] String 객체의 메소드, 속성 알아보기 [JS기초 함수] String이란? 문자열(string)은 따옴표("") 안에 텍스트의 집합을 말합니다. var str = "Hello, I'm myeong-coding." 문자열은 위와 같은 예시로 표현할 수 있습니다. 이러한 문자열 객체가 갖고있는 다양한 메소드와 속성에 대해 알아보겠습니다. 속성 length 문자열의 가장 중요한 속성은 length입니다. var str = "hello"; console.log(str.length); // 5 length는 문자열의 길이를 반환해줍니다. 가장 유용하고 빈번하게 사용됩니다. 메소드 charAt() var str = "HelloWorld"; console.log(str.charAt(0)) // 'H' charAt( index ) : 매개변수에 인덱스를 인자로 주어 문.. 2023. 9. 3. [JavaScript] filter() 사용법 알아보기 [JS기초 함수] Filter()란? 배열에 각 요소에 대해 주어진 콜백 함수를 실행하고, 콜백 함수 내에 true로 반환되는 값들로 새로운 배열을 생성합니다. Array.filter() 구문 Array.filter( callback( element, index, array ) => { return 참이 되는 값; } element : 처리할 현재 요소 index : 처리할 현재 요소의 인덱스 array : filter를 호출한 배열 (위 예시에서는 Array) Array.filter() 설명 filter() 함수는 배열 내 각 요소에 대해 한 번 제공된 callback 함수를 호출해 ture로 강제하는 값을 반환하는 모든 값이 있는 새로운 배열을 생성합니다. callback 함수는 할당된 값이 있는 배열의 인덱스에 대해.. 2023. 8. 31. [JavaScript] reduce() 사용법 알아보기 [JS기초 함수] Reduce()란? 배열의 각 요소에 대해 주어진 콜백 함수(reducer)를 실행하고, 하나의 결과 값을 반환합니다. Array.reduce() 구문 Array.reduce(( accumulator, currentValue, currentIndex, array) => { return 누적 계산의 결과 값 }, initialValue) accumulator : 누산값으로 콜백으로 반환된 값을 누적합니다. currentValue : 처리할 현재 요소 currentIndex : 처리할 현재 요소의 인덱스, initialValue를 제공한 경우 0 또는 1부터 시작합니다. array : reduce()를 호출한 배열 (위 예시에서는 Array) initialValue : 초기값, 생략할 경우 배열의 첫 번재 .. 2023. 8. 28. [프로그래머스][코테][JavaScript] 문자열 겹쳐쓰기 [JS기초] 코딩테스트 연습 - 문자열 겹쳐쓰기 | 프로그래머스 스쿨 (programmers.co.kr) 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 문자열 my_string, overwrite_string 과 정수 s가 주어집니다. 문자열 my_string 의 인덱스 s부터 overwrite_string 의 길이만큼을 문자열 overwrite_string 으로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요. 제한 사항 my_string 와 overwrite_string은 숫자와 알파벳으로 이루어져 있습니다. 1 2023. 8. 25. 이전 1 다음
