이 글의 시발점은 아래 글이였다. 2020/09/09 - [알고리즘,방통대,자격증,독서] - [알고리즘] 해시 > 완주하지 못한 선수(2) 1. ES6 란? : ES는 ECMAScript를 말하며, ES6는 2015년 6월에 업데이트된 내용이다. 2. 화살표 함수란? : 화살표(=>)를 이용하여 함수를 보다 간략하게 표현한다. // ex // 기존 function strArr.map( function(str) { console.log(str); } // 화살표 함수 strArr.map( str => console.log(str) ); 3. 템플릿 문자열과 백틱기호 : 백틱기호를 이용해 문자열을 구성하는건데 보는게 이해가 빠르다. 참 좋다. // ex let now = new Date(); let days..

아래 코드 분석 내용을 어제 작성하려고 했는데, 관련 내용을 찾다보니 어쩌다가 js에서의 배열, 객체 생성 시 메모리 할당까지 보고 있었다. 너무 길어지는 것 같아서 우선 간략하게만 먼저 하려고 한다. 일단 아래는 물음표 가득한 그 코드다. var solution = (_,$) => _.find(_ => !$[_]--, $.map( _ => $[_]=($[_]|0)+1) ); 먼저 기호를 좀 보기 편하게 바꿔보자. // pArr = 참가자, cArr = 완주자 var pArr = ['eden', 'leo', 'eden', 'kiki', 'que']; var cArr = ['eden', 'kiki', 'leo', 'eden']; var solution = (pArr, cArr) => pArr.find( p..

programmers.co.kr/learn/courses/30/lessons/42576 코딩테스트 연습 - 완주하지 못한 선수 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수�� programmers.co.kr 해쉬브라운 먹고싶다. 처음에는 아래와 같이 splice를 이용해서 완주한 선수를 참가자 명단에서 차례로 지우는 방향으로 코드를 짰다. function solution(participant, completion) { completion.map( c => participant.splice(participant.indexOf(c),1) ); return pa..

클래스를 바인딩 할 때는 [ngClass]를 사용한다. page1.ts 에 다음과 같이 변수가 선언되어있다고 하자. let type1 = 'p'; page1.html 에서는 보통 [ngClass]=" type1=='p' ? 'prev' : ' ' " 또는 [ngClass]="{'prev' : type1=='p' }" 이런 방법으로 사용했는데, 아래와 같이 여러가지 변수에 대응하게 하는 것도 가능하다. 두 번째 예시와 방법은 동일하다. 변수가 let type2='f'; 이렇게 하나가 더 추가되었을 때, [ngClass]=" { 'prev' : type1=='p', 'first' : type2== 'f'} " 이렇게 사용하여 각자 다른 변수에 대해 다른 클래스가 바인딩 되도록 할 수 있다. 물론 동일한 변수..