코딩기록

문제 설명어떤 문자열에 대해서 접미사는 특정 인덱스부터 시작하는 문자열을 의미합니다. 예를 들어, "banana"의 모든 접미사는 "banana", "anana", "nana", "ana", "na", "a"입니다.문자열 str이 매개변수로 주어질 때, str의 모든 접미사를 사전순으로 정렬한 문자열 배열을 return 하는 solution 함수를 작성해 주세요.제한사항str은 알파벳 소문자로만 이루어져 있습니다.1 ≤ str의 길이 ≤ 100입출력 예str result"banana"["a", "ana", "anana", "banana", "na", "nana"]"programmers"["ammers", "ers", "grammers", "mers", "mmers", "ogrammers", "progra..

문제 설명길이가 같은 두 문자열 str1과 str2가 주어집니다.두 문자열의 각 문자가 앞에서부터 서로 번갈아가면서 한 번씩 등장하는 문자열을 만들어 return 하는 solution 함수를 완성해 주세요.제한사항1 ≤ str1의 길이 = str2의 길이 ≤ 10str1과 str2는 알파벳 소문자로 이루어진 문자열입니다. 입출력 예str1 str2 result"aaaaa""bbbbb""ababababab" const solution = (str1, str2) => { // do something};console.log(solution('aaaaa', 'bbbbb')); // 'ababababab'   풀이1.  map, concat 으로 문자 뒤에 문자 붙여 배열로 반환   // const result..

37장 Set과 Map  37-1. Set Set 객체는 중복되지 않는 유일한 값들의 집합. Set 객체는 배열과 유사하지만 다음과 같은 차이가 있음.이러한 Set 객체 특성은 수학적 집합의 특성과 일치함. Set은 수학적 집합을 구현하기 위한 자료구조임. 따라서 Set을 통해 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있음. 1). Set 객체의 생성 Set 객체는 Set 생성자 함수로 생성함. Set 생성자 함수에 인수를 전달하지 않으면 빈 Set 객체가 생성됨.   [예제 37-01]   const set = new Set();   console.log(set); // Set(0) {} Set 생성자 함수는 이터러블을 인수로 전달받아 Set 객체를 생성함. 이때 이터러블의 중복된 값은 Set..

문제 todos 배열과 todos 배열의 특정 요소의 id를 인수로 전달하면 해당 요소의 completed 프로퍼티 값을 반전한 todos 배열을 반환한다.todos 배열 요소의 id 프로퍼티 값은 절대 중복되지 않는다.for 문, for…in 문, for…of 문, Array#forEach, Array#splice는 사용하지 않는다.todos 배열을 변경하지 않는다.const toggleCompletedById = (todos, id) => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content..

문제 todos 배열에서 완료(completed: true)한 할일의 갯수를 구해 반환한다.for 문, for…in 문, for…of 문, Array#forEach는 사용하지 않는다.todos 배열을 변경하지 않는다.const countCompletedTodos = todos => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', completed: false }];console.log(countCompletedTodos(todos)); // 1  풀이1번풀이 - ..

문제 todos 배열의 모든 요소의 completed 프로퍼티 값을 true로 설정해 todos 배열을 반환한다.for 문, for…in 문, for…of 문, Array#forEach는 사용하지 않는다.todos 배열을 변경하지 않는다. const toggleCompletedAll = todos => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', completed: false }];console.log(toggleCompletedAll(todos));/*[ ..

문제 todos 배열과 todos 배열의 특정 요소의 id를 인수로 전달하면 해당 요소의 completed 프로퍼티 값을 반전한 todos 배열을 반환한다.todos 배열 요소의 id 프로퍼티 값은 절대 중복되지 않는다.for 문, for…in 문, for…of 문, Array#forEach, Array#splice는 사용하지 않는다.todos 배열을 변경하지 않는다.const toggleCompletedById = (todos, id) => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content..

문제todos 배열과 todos 배열에서 삭제할 요소의 id를 인수로 전달하면 해당 요소를 삭제해 todos 배열을 반환한다.todos 배열 요소의 id 프로퍼티 값은 절대 중복되지 않는다.for 문, for…in 문, for…of 문, Array#forEach, Array#splice는 사용하지 않는다.todos 배열을 변경하지 않는다. const removeTodo = (todos, id) => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', completed..

문제 todos 배열과 새로운 요소(예를 들어 { id: 4, content: 'Test', completed: false })를 인수로 전달하면 todos 배열의 선두에 새로운 요소를 추가해 todos 배열을 반환한다.for 문, for…in 문, for…of 문, Array#forEach, Array#unshift는 사용하지 않는다.todos 배열을 변경하지 않는다.  const addTodo = (todos, newTodo) => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'J..

문제 todos 배열과 todos 배열의 요소인 todo 객체의 프로퍼티 키(id, content, completed) 중 하나를 문자열로 전달하면 해당 프로퍼티 키로 todos 배열의 요소를 정렬해 todos 배열을 반환한다.for 문, for…in 문, for…of 문, Array#forEach는 사용하지 않는다.todos 배열을 변경하지 않는다.const getValues = (todos, key) => { /* Do something */ }const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', comp..

문제  todos 배열을 전달받아 html 형식의 문자열을 생성해 반환한다.for 문, for…in 문, for…of 문은 사용하지 않는다.const render = todos => { /* Do something */ };const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', completed: false }];console.log(render(todos));/*' HTML CSS Javascript'*/   풀이 배열을 html로 출력하는 문제  맵과 백틱을 이용해 배열을 순회해 html 형식의 문자열을..

1.  Array.isArray()객체가 배열인지 확인   Array.isArray() 함수  2. arr.length ==== 0배열이 비어있는지 확인arr.length 값을 체크배열이 비어 있으면 인덱스 길이가 0 true로 반환됨. const checkArr = arr => { return Array.isArray(arr) && arr.length === 0 ? true : false;} console.log(checkArr([])); // trueconsole.log(checkArr([1, 2])); // falseconsole.log(checkArr({})); // falseconsole.log(checkArr("")); // falseconsole.log(checkArr(1,2..

31장 RegExp 31-1. 정규 표현식이란?정규 표현식(regular expression)은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어.문자열을 대상으로 패턴 매칭기능을 제공. 패턴 매칭 기능이랑 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능을 말함. [예제 31-01] // 사용자로부터 입력받은 휴대폰 전화번호 const tel = '010-1234-567팔'; // 정규 표현식 리터럴로 휴대폰 전화번호 패턴을 정의한다. const regExp = /^\d{3}-\d{4}-\d{4}$/; // tel이 휴대폰 전화번호 패턴에 매칭하는지 테스트(확인)한다. regExp.test(tel); // -> false만약..

27장 배열 27-1. 배열이란? 배열 리터럴로 생성한 예제   [예제 27-01]   const arr = ['apple', 'banana', 'orange'];자바스크립트의 모든 값은 배열의 요소가 될 수 있음. 모든 값 = 원시값, 객체, 함수, 배열 등 자바스크립트에서 값으로 인정하는 모든 것.요소(element): 배열이 가지고 있는 값.인덱스(index): 배열에서 자신의 위치를 나타내는 0 이상의 정수. 배열의 요소에 접근할 때 사용.  [] 대괄호 표기법: 요소에 접근할 때 사용.  대괄호 내에 접근하고 싶은 요소의 인덱스를 지정.   [예제 27-02]   arr[0] // -> 'apple'   arr[1] // -> 'banana'   arr[2] // -> 'orange'length..

22장 빌트인 객체 22-1. this 키워드객체는 상태(state)를 나타내는 프로퍼티와 동작(behavior)을 나타내는 메서드를 하나의 논리적인 단위로 묶은 복합적인 자료구조.동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 함.이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 함. 자바스크립트는 this라는 특수한 식별자를 제공. 객체 리터럴 방식으로 생성한 객체는 메서드 내부에서 자신이 속한 객체를 가리키는 식별자를 재귀적으로 참조 가능.  getDiameter 메서드 내에서 메서드 자신이 속한 객체를 가리키는 식별자 circle을 참조하고 있음.이 참조 표현식이 평가되는 시점은 getD..

21장 빌트인 객체 21-1. 자바스크립트 객체의 분류자바스크립트 객체는 다음과 같이 크게 3개의 객체로 분류. 표준 빌트인 객체 (Standard built-in objects/ navite objects/ global objects)애플리케이션 전역의 공통 기능을 제공.표준 빌트인 객체는 ECMAScript 사양에 정의된 객체이므로 자바스크립트 실행 환경(브라우저 또는 Node.js 환경)과 관계없이 언제나 사용 가능.표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공.따라서 별도의 선언 없이 전역 변수처럼 언제나 참조 가능.호스트 객체 (host objects) 호스트 객체는 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행환경(브라우저 또는 Node.js 환경)에서 추가로 제공하는 ..

20장 strict mode 20-1. strict mode란?   [예제 20-01]   function foo() {     x = 10;   }   foo();      console.log(x); // ?[예제 20-01] 코드 흐름foo함수 내에서 선언하지 않은 x 변수에 값 10을 할당.이때 x 변수를 찾아야 x에 값을 할당할 수 있기 때문에 자바스크립트 엔진은 x 변수가 어디에서 선언되었는지 스코프 체인을 통해 검색하기 시작함.자바스크립트 엔진은 먼저 foo 함수의 스코프에서 x 변수의 선언을 검색함.foo 함수의 스코프에는 x 변수의 선언이 없으므로 검색에 실패할 것이고, 자바스크립트 엔진은 x 변수를 검색하기 위해 foo 함수 컨텍스트의 상위 스코프(여기선 전역 스코프)에서 x 변수의 선..