목록전체 글 (529)
안녕하세요
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dfUqyv/btskuXCaS6N/3pBhQGHRS0ShFuj0KshsFk/img.png)
선요약 문제 => 드래그 중 자식 요소를 지나갈 때 onDragOver onDragLeave 이벤트가 반복 발생하는 문제 해결방법 => 자식 요소의 마우스 이벤트를 막기 { pointer-events: none; } Icon과 Span 영역을 지나갈 때 드래그가 일순 Leave되었다가 다시 Over 되는 문제가 발생 자식 요소를 마우스 인식하지 못하도록 하면 해결되지 않을까? 라는 생각으로 css에 마우스 이벤트를 막아 본 결과 해결 되었음 { pointer-events: none; }
const GlobalStyle = createGlobalStyle` @font-face { font-family: "Pretendard"; src: local('PretendardRegular'), local('PretendardRegular'), url(${PretendardRegular}) format('woff2'); font-weight:400; } 위와 같이 font-face를 적용할 경우에는 리렌더링 되는 동안 폰트가 깜빡이는 현상이 발생한다. styled-component를 이용할 때 리렌더링되는 컴포넌트가 style을 함께 같이 읽어 들여서 새로 적용시키기 때문이다. 따라서, styled-component를 이용하지 않고 일바적으로 폰트를 적용할 때처럼 CDN으로 스타일을 적용시키면 된다..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bdZfv9/btsj6mKcOrP/IKRIGIMw61b8F5gCb6p54K/img.png)
바탕화면 정리 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제요약 : 드래그하여 모두 선택할 수 있는 최단 경로 찾기 모든 파일을 선택하기 위해선 바탕화면의 가장 왼쪽 위 (0, 0)에서 가장 오른쪽 아래 (7, 9)로 드래그 해야만 합니다. 따라서 [0, 0, 7, 9]를 return합니다. function solution(wallpaper) { let top = Infinity, left = Infinity, bottom = 0, right = 0; wallpaper.forEach((row, rowIndex) => { if (row.includes..
특정한 문자를 대문자로 바꾸기 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 영소문자로 이루어진 문자열 my_string과 영소문자 1글자로 이루어진 문자열 alp가 매개변수로 주어질 때, my_string에서 alp에 해당하는 모든 글자를 대문자로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요. 문자열에 대해서 includes 함수를 이용하여 해당되는 문자를 대문자로 변경합니다. function solution(my_string, alp) { const myStringArray = my_string.split(""); const ..