My Develop Log

useNotification useNotification은 Notification API를 활용하여 알림이 실행되는 함수이다. "notification"이라는 title과 함께 body 부분에는 "details notification"으로 작성된 알림이 window 알림에 보여지도록 만든다. (단, granted로 알림이 허가되어 있는 경우시) // app.js const useNotification = (title, options) => { if (!("Notification" in window)) { return; } const fireNotif = () => { // default의 경우 모든 알람이 허용되지 x if (Notification.permission !== "granted") { // ..

문제 설명 rows x columns 크기인 행렬이 있습니다. 행렬에는 1부터 rows x columns까지의 숫자가 한 줄씩 순서대로 적혀있습니다. 이 행렬에서 직사각형 모양의 범위를 여러 번 선택해, 테두리 부분에 있는 숫자들을 시계방향으로 회전시키려 합니다. 각 회전은 (x1, y1, x2, y2)인 정수 4개로 표현하며, 그 의미는 다음과 같습니다. x1 행 y1 열부터 x2 행 y2 열까지의 영역에 해당하는 직사각형에서 테두리에 있는 숫자들을 한 칸씩 시계방향으로 회전합니다. 다음은 6 x 6 크기 행렬의 예시입니다. 이 행렬에 (2, 2, 5, 4) 회전을 적용하면, 아래 그림과 같이 2행 2열부터 5행 4열까지 영역의 테두리가 시계방향으로 회전합니다. 이때, 중앙의 15와 21이 있는 영역은..

useScroll useScroll은 사용자가 스크롤 동작을 할 때, 특정 조건에 따라 무엇인가 작동시킬 수 있는 hook이다. 다음 예시에서는 window.scrollY를 활용하여 사용자가 스크롤로 그 값이 특정 구간으로 설정한 100 보다 크게 되면 글자의 색상을 빨강으로 바꾼다. // app.js import { useEffect, useState } from "react"; const useScroll = () => { const [state, setState] = useState({ x: 0, y: 0 }); const onScroll = () => { setState({ y: window.scrollY, x: window.scrollX }); }; useEffect(() => { window...

useFadeIn useFadeIn은 서서히 나타나는 애니메이션 효과를 주는 hook이다. 우선, useRef를 사용해 element에 접근하여 transition의 opacity의 지연 시간을 5초로 설정 // app.js import { useEffect, useRef } from "react"; const usefadeIn = () => { // useRef를 사용해 element에 접근 const element = useRef(); useEffect(() => { if (element.current) { const { current } = element; current.style.transition = `opacity 5s`; current.style.opacity = 1; } }, []); re..

문제 설명 IT 벤처 회사를 운영하고 있는 라이언은 매년 사내 해커톤 대회를 개최하여 우승자에게 상금을 지급하고 있습니다. 이번 대회에서는 우승자에게 지급되는 상금을 이전 대회와는 다르게 다음과 같은 방식으로 결정하려고 합니다. 해커톤 대회에 참가하는 모든 참가자들에게는 숫자들과 3가지의 연산문자(+, -, *) 만으로 이루어진 연산 수식이 전달되며, 참가자의 미션은 전달받은 수식에 포함된 연산자의 우선순위를 자유롭게 재정의하여 만들 수 있는 가장 큰 숫자를 제출하는 것입니다. 단, 연산자의 우선순위를 새로 정의할 때, 같은 순위의 연산자는 없어야 합니다. 즉, + > - > * 또는 - > * > + 등과 같이 연산자 우선순위를 정의할 수 있으나 +,* > - 또는 * > +,-처럼 2개 이상의 연산자..

아나콘다 가상환경에서 프로젝트를 진행 중 pip install pyadi-iio를 통해 모듈을 설치하고 import adi를 했을 때 다음과 같은 오류가 발생했다.. pip uninstall pyadi-iio 후 다시 설치도 시도해보고 구글링도 해봤었지만, 제대로된 해답을 얻지 못했었다.. 그 후 발견한 방법!!! 콘다 프롬프트에서 pip uninstall pyadi-iio를 통해 말끔히 모듈을 지워준 후.. conda install -c conda-forge pyadi-iio를 통해 설치를 해주면 해결 완료!! 같은 오류 있으신 분들은 구글링하는데 시간 쏟지마시고 바로 해결하시길 바랍니다ㅠㅠㅠ

문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 유저를 신고할 수 있습니다. 신고 횟수에 제한은 없습니다. 서로 다른 유저를 계속해서 신고할 수 있습니다. 한 유저를 여러 번 신고할 수도 있지만, 동일한 유저에 대한 신고 횟수는 1회로 처리됩니다. k번 이상 신고된 유저는 게시판 이용이 정지되며, 해당 유저를 신고한 모든 유저에게 정지 사실을 메일로 발송합니다. 유저가 신고한 모든 내용을 취합하여 마지막에 한꺼번에 게시판 이용 정지를 시키면서 정지 메일을 발송합니다. 다음은 전체 유저 목록이 ["muzi", "frodo", "apeach", "neo"]이고, k = 2..

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