작업을 하다가 보니 자녀컴포넌트에서 생성한 함수를 부모컴포넌트에서 사용해야 할 일이 생겼었다. (엘리먼트 위치이동관련 함수)부모컴포넌트의 함수를 자식한테 넘겨 사용해본적은 많으나 그 반대의 상황이라 검색을 해보았고 react hooks "useImperativeHand

한글이 포함됀 현재 url값 얻기 = decodeURI(window.location.pathname)회사에서 소셜로그인을 할때 callbackUrl을 localStorage에 담아두고 리다이렉트 할때 가져와서 리 렌더링을 하는 과정에서 벌어진 문제가 있었습니다..use

base64란 쉽게 말하자면 64진법으로 2제곱수들에 기반한 진법중 화면에 표시되는 ASCII 문자를 써서 표현할 수 있는 가장 큰 진법이다.전송중에 그대로 수정되지않고 전송됨을 보장되고 그로인해 보통 전자메일등 이진 데이터, xml등 복잡한 데이터전송에 많이 쓰인다예

개요처음에 파일을 백엔드에 넘길때 파라미터로 그냥 넘기려했는데 에러가 자꾸 나길래 해결법을 찾다 보니 file을 전송하려면 그냥 params값을 넘기는것이 아니라 new FormData라는곳에 key : value로 적재를 해서 보내야한다.사용법이런 html태그가 있고

쿠키는 기본적으로 key값, value값, 만료기한이 있는 저장소 개념이다대부분의 브라우저에서 지원가능하며 브라우저에 저장이 되는것이다.서버에서 데이터값을 요청하면 브라우저에 저장된 값이 전달이 되고 일이 수행되며클라이언트(브라우저)에 300개까지 저장 가능하며 한개의

upHandler: Function that is triggered on scroll updownHandler: Function that is triggered on scroll downleftHandler: Function that is triggered on scr

useContext가 생겨난 이유 리액트를 사용하다보면 props로 컴포넌트간의 값을 전달해줄때가 있는데 컴포넌트의 수가 많아지고 자식이 많아지면 그 값을 props로 전달하는데 한계가 있다 (오류가 났을때 디버깅시 오래걸릴 수 있기때문) 그래서 생겨난것이 useCon

주어진 수를 나눠야 하기 때문에 문자열로 치환해서 숫자 한개씩 분리하고 다시 숫자로 바꾼후 변수에 담아준다.forEach문을 사용해 배열의 담긴 수를 모두 더해준다(x가 두자릿수가 아닐 경우가 있을 수 있기에 forEach문을 사용했다.)마지막으로 주어진 수랑 나눠서

문제 풀이 풀이법 isSqrt 변수에 주어진 수를 루트를 씌워준다. 조건문으로 루트가 씌워진 수가 정수면 +1을 해서 2제곱 값을 리턴해주고 정수가 아니면 -1을 리턴해준다. 풀이후기 대부분 사람들이 Math.Sqrt() = 루트값 구해주는 메서드 Math.pow

두개배열의 비교 (배열의 길이가 다르고 한배열이 특정패턴을 가졌을때) 배열이 두개가 주어지고 두값을 반복할때 for문등 함수를 사용하지 않고 배열비교를 하려할때 사용하면 좋을것이다. 이렇게 길이가 다른 두배열이 있다는 가정하에 두개의 값을 순차적으로 비교한다면 이런

문제 풀이 풀이방법 수포자들의 정답 패턴을 각각 배열에 담아준다. 정답을 맞춘 수를 담기위해 everyAnswer에 배열값 3개를 준비해주고 answers로 들어오는 배열을 map메소드를 통해 수포자들의 배열값을 비교해 정답이면 각각 배열에 ++를 시켜준다. 정답을

공백을 기준으로 문자열을 나눠준다.3개의 문자열이 되었으면 3개의 문자열에서 또 한글자씩 나눠준다.나눠진 3개의 문자열의 인덱스를 나눴을때 나머지가 없다면 짝수이므로 toUpperCase를 사용해 대문자로 치환해준다.(홀수는 소문자로 치환해 준다.)그후 나눠진 문자열을

문제 풀이 풀이방식 적은수 부터 합해서 계산해 나가야 하기 때문에 sort 함수를 통해 오름차순으로 배열을 정리해준다. 반복문을 통해 배열 길이만큼 total에 덧셈을 하고 budget값보다 같거나 작을때 까지만 더하고 정답을 return해 준다. 다른사람의 풀이

문제 설명자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 5,4,3,2,1을 리턴합니다.처음엔 마지막 문자열을 숫자로 바꾸는 부분을 단순 parseInt등으로 생각했는데 조금 찾아보니 map함수로 일일히 리턴을

문제 설명 두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ left

문제 설명 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단,

설명은 아래에 해두었습니다 :)이제 코드를 차근차근 설명해 보겠습니다!import Chart from 'chart.js/auto';이코드는 변수를 사용하진 않지만 없으면 에러가 납니다(특히 처음엔 /auto가 계속에러나서 구글링결과 이게 에러였더라구요 끝에 /auto까

문제 설명 배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지

문제 설명 입출력 예 #1 이용금액이 3인 놀이기구를 4번 타고 싶은 고객이 현재 가진 금액이 20이라면, 총 필요한 놀이기구의 이용 금액은 30 (= 3+6+9+12) 이 되어 10만큼 부족하므로 10을 return 합니다. 1. 타려고 하는 횟수를 금액에 곱으로

문제 설명 어떤 정수들이 있습니다. 이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다. 실제 정수들의 합을 구하여 return 하도록 solution 함수를 완성해주세요.