profile
초보개발자의 개발일기
post-thumbnail

리액트 자녀 컴포넌트 함수 사용하기

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

2023년 4월 6일
·
0개의 댓글
·
post-thumbnail

리액트 useLocation(), pathname 한글 깨짐

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

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

자바스크립트 인코드,디코드

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

2022년 9월 25일
·
0개의 댓글
·

multipart / form-data

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

2022년 9월 14일
·
0개의 댓글
·
post-thumbnail

react-cookie (리액트 쿠키)

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

2022년 8월 17일
·
0개의 댓글
·
post-thumbnail

React Scroll Wheel Handler (스크롤 컨트롤)

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

2022년 8월 16일
·
0개의 댓글
·

React useContext

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

2022년 8월 7일
·
0개의 댓글
·
post-thumbnail

프로그래머스 하샤드 수 (javascript)

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

2022년 8월 5일
·
0개의 댓글
·

프로그래머스 루트와 제곱 구하기 (javascript)

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

2022년 8월 3일
·
0개의 댓글
·

자바스크립트 길이가 다른 배열의 비교

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

2022년 8월 1일
·
0개의 댓글
·

프로그래머스 모의고사 (javascript)

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

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

프로그래머스 이상한 문자 만들기 (javascript)

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

2022년 7월 27일
·
0개의 댓글
·

프로그래머스 예산 (javascript)

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

2022년 7월 26일
·
0개의 댓글
·

프로그래머스 자연수 뒤집어 배열로 만들기 (javascript)

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

2022년 7월 24일
·
0개의 댓글
·

프로그래머스 약수의 개수와 덧셈 (javascript)

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

2022년 7월 23일
·
0개의 댓글
·

프로그래머스 문자열 내 p와 y의 개수 (javascript)

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

2022년 7월 21일
·
0개의 댓글
·
post-thumbnail

react에서 chart.js 사용해보기 📊📉

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

2022년 7월 19일
·
0개의 댓글
·

프로그래머스 같은 숫자는 싫어 (javascript)

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

2022년 7월 18일
·
0개의 댓글
·

프로그래머스 부족한 금액 계산하기(javascript)

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

2022년 7월 17일
·
0개의 댓글
·

프로그래머스 음양 더하기 (javascript)

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

2022년 7월 15일
·
0개의 댓글
·