(Javascript) 코딩 테스트 전 정리, 자바스크립트 표준 내장 객체 - 배열, 순회 매서드 편
순회 매서드 순회 매서드는 주어진 배열을 순회하며 모든 값을 가져오며, 반복문과 비슷한 역할을 함. 배열 메서드는 콜백 함수를 인수로 받으며, 배열의 각 요소에 따라 콜백함수는 한번만 호출된다. method(callbackFn, thisArg) 여기서 callbackFn은 세 개의 인수를 받음 element : 배열에서 현재 처리 중인 요소 index : 배열에서 현재 처리 중인 요소의 인덱스 array : 메서드가 호출된 배열 순회 메서드 종류 forEach() 각 배열 요소에 대해 제공된 함수를 한 번씩 실행, 반환값 없음. const array1 = ['a', 'b', 'c']; array1.forEach((element, index) => console.log(index, element)); //..
(Javascript) 코딩 테스트 전 정리, 자바스크립트 표준 내장 객체 - 배열 편
reduce() 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결괏값을 반환 //구문 arr.reduce(callback[, initialValue]) //예시 const array = [1, 2, 3, 4]; const result1 = array.reduce((total, e)=> total+e, 0); const result2 = array.reduce((total, e)=> total+e, 100); console.log(result1); //10 console.log(result2); //110 indexOf() 배열에서 주어진 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고, 찾을 수 없는 경우 -1을 반환 //구문 indexOf(searchElement, f..
(Javascript) 코딩 테스트 전 정리, 자바스크립트 표준 내장 객체 - 문자열 편
Split (string) String 객체를 separator로 여러 개의 문자열로 나눔 separator(선택) : 원본 문자열을 끊어야 할 부분을 나타내는 문자열 limit(선택) : 끊어진 문자열의 최대 개수를 나타내는 정수 //구문 split(); split(separator); split(separator, limit); //예시 let str = "I like pie" console.log(str.split(' ')); //Array ["I", "like", "pie"] console.log(str.split('')); //Array ["I", " ", "l", "i", "k", "e", " ", "p", "i", "e"] console.log(str1.split(' ', 2)); //Arr..
HTML block태그, inline태그 차이
html 태그는 크게 block 태그, inline 태그으로 나뉜다. block 태그 block 태그 종류 : h1~h6, div, ol, ul, li, p, form 등 block태그는 옆에 뭐가 오지 않는다. 자동으로 줄바꿈이 된다는 뜻이다. block 태그는 높이(hight)와 너비(width)를 지정할 수 있으며, 여백과 관련된 3가지 속성을 가진다. Margin : 경계(border) 바깥 공간 Border : 경계 Padding : 경계(border) 안쪽 공간 inline 태그 block 태그 종류 : a, b, img, input, strong, span, br, button 등 inline태그는 줄바꿈이 되지 않는다. 그래서 inline 태그들은 여러개 작성해도 같은 라인에 출력된다. i..