선돌이의 코딩하우스

문제 설명 데이터 처리 전문가가 되고 싶은 "어피치"는 문자열을 압축하는 방법에 대해 공부를 하고 있습니다. 최근에 대량의 데이터 처리를 위한 간단한 비손실 압축 방법에 대해 공부를 하고 있는데, 문자열에서 같은 값이 연속해서 나타나는 것을 그 문자의 개수와 반복되는 값으로 표현하여 더 짧은 문자열로 줄여서 표현하는 알고리즘을 공부하고 있습니다. 간단한 예로 "aabbaccc"의 경우 "2a2ba3c"(문자가 반복되지 않아 한번만 나타난 경우 1은 생략함)와 같이 표현할 수 있는데, 이러한 방식은 반복되는 문자가 적은 경우 압축률이 낮다는 단점이 있습니다. 예를 들면, "abcabcdede"와 같은 문자열은 전혀 압축되지 않습니다. "어피치"는 이러한 단점을 해결하기 위해 문자열을 1개 이상의 단위로 잘..

DatePicker의 달력이 안보인다........... z-index가 문제겠구나! .react-datepicker-popper의 z-index를 바꾸어주었다! 결과는!!!!!!!!!!!!!!!!!!!!!!!! ㅠㅠ...... 뭐가 문제인지 모르겠당.................... z-index가 문제가 아닌가? position 때문에 z-index가 안먹나? 하고 오랜 시간 고민했는데.. popperProps={{strategy: 'fixed'}} 를 DatePicker에 추가해주니 됐다!!!!!!!!!! popperjs가 생소해서 많이 헤맸지만 조금 자신감이 생겼따! 참조 : https://stackoverflow.com/questions/64882223/im-having-trouble-with..

시간 제한메모리 제한제출정답맞힌 사람정답 비율 2 초 256 MB 19064 9831 7021 50.136% 문제 동물원에서 막 탈출한 원숭이 한 마리가 세상구경을 하고 있다. 그러다가 평화로운 마을에 가게 되었는데, 그곳에서는 알 수 없는 일이 벌어지고 있었다. 마을은 N개의 집과 그 집들을 연결하는 M개의 길로 이루어져 있다. 길은 어느 방향으로든지 다닐 수 있는 편리한 길이다. 그리고 각 길마다 길을 유지하는데 드는 유지비가 있다. 마을의 이장은 마을을 두 개의 분리된 마을로 분할할 계획을 가지고 있다. 마을이 너무 커서 혼자서는 관리할 수 없기 때문이다. 마을을 분할할 때는 각 분리된 마을 안에 집들이 서로 연결되도록 분할해야 한다. 각 분리된 마을 안에 있는 임의의 두 집 사이에 경로가 항상 존..

신장 트리와 크루스칼 알고리즘이란 것을 많이 들어는 봤는데 자주 까먹어서 정리해놓으려고 한다. 신장 트리란 ? 하나의 그래프가 있을 때 모든 노드를 포함하면서, 사이클이 존재하지 않는 부분 그래프를 의미한다. 따라서 다음과 같이 하나의 그래프에 대한 여러가지 신장 트리가 존재한다. 크루스칼 알고리즘이란? 알고리즘 문제를 풀다보면 최소한의 비용으로 신장 트리를 찾는 문제를 많이 봤을 것이다. 예를 들어 도시 사이에 도로를 놓아 전체 도시가 서로 연결될 수 있도록 하려고 할 때 최소 비용을 구하는 문제. 크루스칼 알고리즘의 순서는 이러하다. 1.모든 간선에 대하여 오름차순으로 정렬 2.간선을 순차적으로 확인하며 사이클 체크 2-1. 사이클이 발생하지 않는 경우 최소 신장 트리에 포함 2-2. 사이클이 발생하..

웹 페이지를 이용하다보면 코드/링크 등이 복사되는 버튼을 본 적이 있을 것이다! 리액트로 이를 구현하기엔 정말 간단하다. 바로 Clipboard API를 이용하면 된다. 별도의 라이브러리 추가할 필요 없이 이용 가능하다. navigator.clipboard.writeText('복사할 내용') 다음과 같이 이용하면 된다. 위 메소드는 Promise를 반환하는 비동기 메소드이기 때문에 await, then이랑 같이 사용하면 된다는 점!! 다음 코드의 문제점 useEffect( async ()=>{ await navigator.clipboard.writeText('hi'); alert('Copied!'); },[]); 이 코드를 실행시키면 동기적으로 잘 작동하지만 콘솔창에 에러가 하나 뜰 것이다. DOMexc..