코딩기록

문제 설명알파벳 소문자로 이루어진 문자열 str이 주어집니다. 알파벳 순서에서 "l"보다 앞서는 모든 문자를 "l"로 바꾼 문자열을 return 하는 solution 함수를 완성해 주세요.제한사항1 ≤ str ≤ 100,000str은 알파벳 소문자로 이루어진 문자열입니다.입출력 예str result"abcdevwxyz""lllllvwxyz""jjnnllkkmm""llnnllllmm"입출력 예 설명입출력 예 #10 ~ 4번 인덱스의 문자 "a", "b", "c", "d", "e"는 각각 "l"보다 앞서는 문자입니다. 따라서 "l"로 고쳐줍니다.그 외의 문자는 모두 "l"보다 앞서지 않는 문자입니다. 따라서 바꾸지 않습니다.따라서 "lllllvwxyz"을 return 합니다.입출력 예 #20번, 1번, 6번..

문제 설명영어에선 a, e, i, o, u 다섯 가지 알파벳을 모음으로 분류합니다. 문자열 str이 매개변수로 주어질 때 모음을 제거한 문자열을 return하도록 solution 함수를 완성해주세요.제한사항str은 소문자와 공백으로 이루어져 있습니다.1 ≤ str의 길이 ≤ 1,000입출력 예str result"bus""bs""nice to meet you""nc t mt y"입출력 예 설명입출력 예 #1"bus"에서 모음 u를 제거한 "bs"를 return합니다.입출력 예 #1"nice to meet you"에서 모음 i, o, e, u를 모두 제거한 "nc t mt y"를 return합니다.const solution = str => { // do something};console.log(soluti..

문제 설명문자열 str과 문자 letter이 매개변수로 주어집니다. str에서 letter를 제거한 문자열을 return 하도록 solution 함수를 완성해 주세요.제한사항1 ≤ str의 길이 ≤ 100letter은 길이가 1인 영문자입니다.str과 letter은 알파벳 대소문자로 이루어져 있습니다.대문자와 소문자를 구분합니다.입출력 예str letter result"abcdef""f""abcde""BCBdbe""B""Cdbe"입출력 예 설명입출력 예 #1"abcdef"에서 "f"를 제거한 "abcde"를 return 합니다.입출력 예 #2"BCBdbe"에서 "B"를 모두 제거한 "Cdbe"를 return 합니다.const solution = (str, letter) => { // do somethi..

문제 설명2차원 정수 배열 matrix가 주어지면 모든 요소의 합을 반환하는 함수를 구현한다. const sumMatrix = matrix => { // do something};console.log(sumMatrix([[1, 2, 3], [4, 5, 6], [7, 8, 9]])); // 45console.log(sumMatrix([])); // 0 풀이1번 풀이 map + reducemap은 해당 행의 모든 숫자를 합산 한다.  [6, 15, 24] 그 다음 reduce로 [6, 15, 24] 의 값을 하나씩 축적하면서 더하고 그 값을 리턴한다.const sumMatrix1 = matrix => { const arr = matrix.map(row => row.reduce((sum, num) => su..

문제 설명문자열 str과 part가 주어집니다. str의 부분 문자열중 part로 끝나는 가장 긴 부분 문자열을 찾아서 return 하는 solution 함수를 완성해 주세요.제한사항5 ≤ str ≤ 201 ≤ part ≤ 5part은 반드시 str의 부분 문자열로 주어집니다.str과 part에 등장하는 알파벳은 대문자와 소문자를 구분합니다.입출력 예str part result"AbCdEFG""dE""AbCdE""AAAAaaaa""a""AAAAaaaa"입출력 예 설명입출력 예 #1"AbCdEFG"에서 "dE"는 한 번 등장하며 처음부터 해당 위치까지 잘라내면 "AbCdE"가 됩니다. 따라서 이 문자열이 "dE"로 끝나는 가장 긴 문자열이며, "AbCdE"를 return 합니다.입출력 예 #2"AAAAaa..

문제 설명문자열 str이 매개변수로 주어집니다. str에서 중복된 문자를 제거하고 하나의 문자만 남긴 문자열을 return하도록 solution 함수를 완성해주세요.제한사항1 ≤ str ≤ 110str은 대문자, 소문자, 공백으로 구성되어 있습니다.대문자와 소문자를 구분합니다.공백(" ")도 하나의 문자로 구분합니다.중복된 문자 중 가장 앞에 있는 문자를 남깁니다.입출력 예str result"people""peol""We are the world""We arthwold"입출력 예 설명입출력 예 #1"people"에서 중복된 문자 "p"와 "e"을 제거한 "peol"을 return합니다.입출력 예 #2"We are the world"에서 중복된 문자 "e", " ", "r" 들을 제거한 "We arthwo..

문제 설명머쓱이는 행운의 숫자 7을 가장 좋아합니다. 정수 배열 nums가 매개변수로 주어질 때, 7이 총 몇 개 있는지 return 하도록 solution 함수를 완성해보세요.제한사항1 ≤ nums의 길이 ≤ 1000 ≤ nums의 원소 ≤ 100,000입출력 예nums result[7, 77, 17]4[10, 29]0입출력 예 설명입출력 예 #1[7, 77, 17]에는 7이 4개 있으므로 4를 return 합니다.입출력 예 #2[10, 29]에는 7이 없으므로 0을 return 합니다./** * @param {number[]} nums * @return {number} */const solution = nums => { // do something};console.log(solution([7, 77..

1번const array = [3, 4, 5, 2, 1];// 각 요소를 문자열로 변환하여 새로운 배열 생성const stringArray = array.map(num => num.toString());console.log(stringArray); // ["3", "4", "5", "2", "1"] map으로 배열을 돌면서num.toString() 을 호출해 숫자를 문자열로 변환.  2번- 더 간단한 방법❗❗❗  const array = [3, 4, 5, 2, 1];const stringArray = [...array.join('')];// console.log(stringArray); [ '3', '4', '5', '2', '1' ]

join( ' , ' );  -  요소 사이에 , 쉼표가 들어감.join( ' ' );  -  요소가 붙어서 출력.  const array = [3, 4, 5, 2, 1];const string = array.join(', '); // "3, 4, 5, 2, 1"const string = array.join(''); // "34521"    .toString();  -  요소 사이를 , 쉼표로 구분하여 변환.const array = [3, 4, 5, 2, 1];const string = array.toString(); // "3,4,5,2,1"

웹접근성1-1. 텍스트가 화면에는 안 보이고 스크린리더기만 읽게 하는 방법CSS에 설정  class이름은 "sr-only"로!!display: none;이걸 쓰면 폭망. 화면에도 안 보이고 스크린 리더기도 못 읽는다. 아예 정보가 존재하지 않게 돼서 레이아웃도 틀어진다. 보통 클래스 이름을 '스크린리더기만'이라는 의미의 sr(screen reader)-onlysr-only를 많이 쓴다.[css].sr-only{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); white-space: nowrap; /* 줄바꿈 강제 금지 */}..

[html]aria-label="원하는 텍스트적기"    [css]가상요소 content 에 아리아 라벨을 쓰면 html에 적은 aria-label의 텍스트를 불러온다.일반적으로 content에 쌍따옴표"" 안에 텍스트를 쓰는 것과 동일한 효과이다.content: attr(aria-label).link:hover .button::before { content: attr(aria-label); /* content: "구매하기" */}

a태그안에 img를 넣고 a태그에 border를 주는데 아래 그림처럼[html]         [css]a {border: 1px; solid blue; a, 앵커태그가 생각보다 짧다 그이유는?[css]a {display: block;border: 1px; solid blue;  a태그의 기본 display  속성 때문이다.display: block; 설정후 다시 확인하면 border 가 제대로 보인다.또 이렇게 해야 span태그도 제대로 포함시킬수 있다.

1. 알고리즘 복잡도입력 크기의 값에 대해 단위 연산을 몇  번 수행하는지 계산하여, 알고리즘의 수행시간을 평가하는 방법. 3가지 점근적 표현법O(빅오): 최악의 상황을 고려하여 성능 측정 결과 표현.Θ(세타): 평균적인 경우에서의 성능 측정 결과 표현.Ω(오메가): 최선의 상황일 때의 성능 측정 결과 표현.  2. 경우의 수 (순열과 조합)어떤 사건 혹은 일이 일어날 수 있는 경우의 가짓수를 수로 표현완전탐색으로 경우의 수를 푸는 알고리즘순열: 서로 다른 n 개의 원소 중에서 r를 중복 없이 골라 순서에 상관 있게 나열하는 경우의 수 (nPr)조합: 서로 다른 n개의 원소 중에서 r를 중복 없이 골라 순서에 상관 없이 나열하는 경우의 수 (nCr)중복 순열: 서로 다른 n개의 원소 중에서 r개를 중복 ..

1. 객체를 배열로  -  [ ]를 씌운다.  기존 { } 코드에 배열을 씌운다let array = { id: 1, content: 'Javascript', completed: false };const newArray = [ array ];//console.log(newArray);[ { id: 1, content: 'Javascript', completed: false } ] 2.  객체를 배열로  -  Object.entries()자바스크립트에서 사용되는 참조값  object(객체)와 array(배열) 이 있는데 Object 객체에서 제공하는 메소드를 이용하여 서로 형변환이 가능하다. Object.entries는 object를 인자로 받아 [key, value] 형태의 배열을 값으로 갖는 2차원 배..

자주쓰는 js 문법 모음*배열안 객체 찾기 [  {~~}, {~~}, {~~}  ] 예제const todos = [ { id: 3, content: 'HTML', completed: false }, { id: 2, content: 'CSS', completed: true }, { id: 1, content: 'Javascript', completed: false },];console.log(getValues(todos, 'id')); // [3, 2, 1]console.log(getValues(todos, 'content')); // ['HTML', 'CSS', 'Javascript']console.log(getValues(todos, 'completed')); // [false, true, fal..

문제 설명문자열 str과 정수 배열 indices가 주어질 때, str에서 indices의 원소에 해당하는 인덱스의 글자를 지우고 이어 붙인 문자열을 return 하는 solution 함수를 작성해 주세요.제한사항1 ≤ indices의 길이 str은 영소문자로만 이루어져 있습니다0 ≤ indices의 원소 indices의 원소는 모두 서로 다릅니다.입출력 예 strindicesresult"apporoograpemmemprs"1, 16, 6, 15, 0, 10, 11, 3]"programmers" 입출력 예 설명입출력 예 #1예제 1번의 str의 인덱스가 잘 보이도록 표를 만들면 다음과 같습니다.index 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18strapporoo..

문제 설명문자열 str과 정수 배열 indices가 매개변수로 주어집니다. str의 indices의 원소들에 해당하는 인덱스의 글자들을 순서대로 이어 붙인 문자열을 return 하는 solution 함수를 작성해 주세요.제한사항1 ≤ str의 길이 ≤ 1,000str의 원소는 영소문자로 이루어져 있습니다.1 ≤ indices의 길이 ≤ 1,0000 ≤ indices의 원소 입출력 예 strindicesresult"cvsgiorszzzmrpaqpe"[16, 6, 5, 3, 12, 14, 11, 11, 17, 12, 7]"programmers""zpiaz"[1, 2, 0, 0, 3]"pizza" 입출력 예 설명입출력 예 #1예제 1번의 str에서 인덱스 3, 5, 6, 11, 12, 14, 16, 17에 해..