본문 바로가기

자바스크립트 63

[개발지식] 몽키 패치(Monkey patch)에 대하여 이펙티브 타입스크립트를 재미나게 있고 있던 중 아래와 같은 글을 보았습니다. 만약 String.prototype을 몽키-패치한다면 앞서 설명한 내부적인 동작들을 관찰할 수 있습니다. 몽키-패치라니 스파케티코드처럼 뭔가를 비유하는 말인듯 싶어 찾아보았습니다. Monkey patch A monkey patch is a way for a program to extend or modify supporting system software locally (affecting only the running instance of the program). - wikipedia https://en.wikipedia.org/wiki/Monkey_patch 해석해보자면 프로그램이 시스템 소프트웨어를 개별적으로 확장 또는 수정하.. 2021. 7. 1.
[프로그래머스] 연습문제 > 숫자의 표현 - 자바스크립트 문제 설명 코딩테스트 연습 - 숫자의 표현 Finn은 요즘 수학공부에 빠져 있습니다. 수학 공부를 하던 Finn은 자연수 n을 연속한 자연수들로 표현 하는 방법이 여러개라는 사실을 알게 되었습니다. 예를들어 15는 다음과 같이 4가지로 표현 할 programmers.co.kr [ 아이디어 ] 2중 for문으로 돌면서 앞에서부터 하나씩 더해서 목표(n)과 같으면 answer에 1를 추가하고 이때 합이 n보다 넘기면 효율성 테스트를 위해 break로 이후 계산을 제거한다. [ 코드 ] function solution(n) { let answer = 1; for(let i =1; i n) break; 를 하지 않으면 효율성테스트에서 다 터진다. 2021. 6. 14.
[리액트] 특정 문자열만 색상을 바꿔서 랜더링해보자(feat.검색창) 이번 포스트에서는 검색 컴포넌트에서 매칭되는 문자열만 색상을 칠하는 방법에 대해 한번 알아보겠습니다. 이 기능은 보시다시피 검색창에 있어선 나름 필수적인 기능이라고 생각합니다. 저는 안드로이드 개발할때 같은 기능을 만들어 본 경험을 있으니 이번에도 같은 방식으로 구현해보도록 하겠습니다. [안드로이드]recycleview item의 특정 텍스트 색상 변경 개선 요청 사항 : 검색창의 결과를 좀 더 직관적으로 보고싶다. 매칭되는 검색어에 해당하는 텍스트의 색상을 바꿔달라. 보시다시피 recycleview의 item holder에서는 그냥 item의 정보를 가져와 all-dev-kang.tistory.com [ 결과 ] [구현 시작] 아이디어는 크게 2가지 방법을 생각해봤습니다. 특정 검색어(이하 쿼리)가 발.. 2021. 5. 14.
[프로그래머스] 2018Kakao > 파일명 정렬 - 자바스크립트 programmers.co.kr/learn/courses/30/lessons/17686 코딩테스트 연습 - [3차] 파일명 정렬 파일명 정렬 세 차례의 코딩 테스트와 두 차례의 면접이라는 기나긴 블라인드 공채를 무사히 통과해 카카오에 입사한 무지는 파일 저장소 서버 관리를 맡게 되었다. 저장소 서버에는 프로그램 programmers.co.kr [ 아이디어 ] 정규식을 이용해 파일명의 숫자만 뽑고, 뽑은 숫자를 이용해 해당 숫자의 index를 찾는다. 숫자의 index의 전까지가 파일의 header 임으로 비교한다. 이때 소문자로 바꿔서 비교한다. header가 같을 경우 숫자를 가져와서 비교한다. 이때 Number 타입 비교를 위해 Number()로 감싼 후 비교 *주의 정규식으로 숫자를 뽑았지만 이는 .. 2021. 5. 10.