카테고리 63

[자바스크립트] reduce 메서드 개념 정리 모음

https://bit.ly/35eQww5 (JavaScript) map, reduce 활용하기 - 함수형 프로그래밍 안녕하세요. 이번 시간에는 map과 reduce 메서드에 대해 알아보겠습니다. 배열에 있는 바로 그 map과 reduce 맞습니다. 많은 분들이 forEach는 사용하시는데 map과 reduce는 잘 안 쓰시더라고요. 그리고 redu www.zerocho.com MDN 문서에서 설명하는 reduce 메서드 개념 Array.prototype.reduce() - JavaScript | MDN reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. developer.mozilla.org https://bit.ly/33Ijpk7..

[자바스크립트] 배열의 특정 값을 찾는 메서드 정리 모음

1. find vs findIndex vs indexOf https://bit.ly/3Awj1RK 배열 내장함수 (indexOf / findIndex / find) indexOf 는 배열에서 원하는 특정 항목이 배열의 몇번째 원소인지 찾아 index를 리턴해주는 함수. (만약에 못찾으면 -1 리턴)만약 위에서 처럼 찾고자하는 것이 boolean, 정수, 문자열... 이면 위와 같이 velog.io find 개념 findIndex 개념 indexOf 개념

[자바스크립트] 헷갈리는 반복문/메서드 비교 모음

1. for in 반복문 vs for of 반복문 https://bit.ly/3rN3ed5 for ...in, for ...of 차이 자주 헷갈리는게 있어서 한번 포스팅해봅니다.바로 반복문 중에 ES6 부터 추가 된for ...infor ...of입니다.둘다 반복문으로 사용 되는데요 하나는 객체를 탐색하고 나머지 하나는 배열 요소를 탐색 velog.io https://bit.ly/3FXUNRn Iteration (2) for in문, for of문의 차이점 for ...in문과 for ...of 문은 언뜻 보면 둘다 객체 길이만큼 순회를 반복하기 때문에 비슷해보인다. 그래서 자꾸 사용할 때마다 헷갈리기도 해서 다시 한번 제대로 정리를 해두려고 한다. for …in 문 joooing.tistory.com ..

로또의 최고 순위와 최저 순위

로또의 최고 순위와 최저 순위 https://programmers.co.kr/learn/courses/30/lessons/77484 코딩테스트 연습 - 로또의 최고 순위와 최저 순위 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 1 순위 당첨 내용 1 6개 번호가 모두 일치 2 5개 번호 programmers.co.kr 일치 번호 개수와 순위가 달라 구분이 필요했습니다. 제가 푼 방식은 아래와 같습니다. 1. 나의 풀이 function solution(lottos, win_nums) { let answer = []; let minNum = lottos.filter(n => win_nums.include..

숫자 문자열과 영단어

숫자 문자열과 영단어 https://programmers.co.kr/learn/courses/30/lessons/81301 코딩테스트 연습 - 숫자 문자열과 영단어 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자 programmers.co.kr 다른 사람들은 어떤 방식으로 풀었는지 찾아보았는데, 올라와있는 정답 코드들 중에서 가장 많은 좋아요를 받은 코드가 인상적이었습니다. 이를 포함하여 이번 문제를 해결하는 방법을 크게 2가지로 나누어볼 수 있었습니다. 1. replace 메서드와 정규표현식 function solution(s) { s = s.replace(/zero/..

[HTML] 시맨틱 태그

1. 시맨틱 태그란? - 웹사이트 내에세 영역별로 의미를 가지는 태그 - 시맨틱(semantic): '의미의', '의미론적인' - 태그의 이름만 보아도 어떤 역할을 하는 영역인지를 알 수 있습니다. - 시맨틱 태그의 반대, 즉 어떠한 의미나 역할이 없는 태그는 논시맨틱(non-semantic) 태그라고 합니다. 2. 시맨틱 태그의 종류 - 자주 쓰이는 시맨틱 태그는 다음과 같습니다. 2-1. - 제목, 로고 등 웹사이트의 소개하는 영역을 나타내는 태그 2-2. - 현재 페이지 또는 다른 페이지로의 링크를 보여주는 영역을 나타내는 태그 - navigate: 길을 찾다, 탐색하다 -> 현재 또는 다른 페이지로 탐색하는 역할 - 단독으로 쓰일 수도 있고, 헤더나 사이드바 내부에 있을 수도 있습니다. 2-3. ..