profile
주니어 프론트엔드 개발자가 되고 싶은
post-thumbnail

[JS] 백준. 3052. 나머지

https://www.acmicpc.net/problem/305224를 나눈 나머지를 구한다.서로 다른 값 비교해 배열을 만든다.그 배열의 길이를 구해 개수를 구한다.2번 과정result의 배열은 빈 배열을 시작으로 값의 나머지 값들을 하나씩 같게 되는데 업데

6일 전
·
0개의 댓글
post-thumbnail

[JS] 백준 2562. 최댓값

https://www.acmicpc.net/problem/2562입력 받는 값은 배열로 만든다.input의 배열을 복사한다.(깊은 복사를 해서 원본 배열이 바뀌지 않도록 한다.)sort()를 이용해서 배열을 오름차순으로 정렬한다.출력(원배열에서 최대값의 인덱스

2022년 6월 27일
·
0개의 댓글
post-thumbnail

[JS] 백준 10818. 최소, 최대

https://www.acmicpc.net/problem/10818sort()를 이용해 문제를 풀었다.sort()는 원 배열을 변경하기 때문에 minValue 와 maxValue의 배열 결과 같이 같게 나타났다.그래서 각 minValue일때의 index 0의

2022년 6월 27일
·
0개의 댓글
post-thumbnail

[JS] 백준 2577. 숫자의 개수

https://www.acmicpc.net/problem/25774.단계의 반복문을 forEach()를 이용해 나타낼 수도 있다.nums.forEach((i) => console.log(i));Array(n).fill(N) : 빈 배열인데, 초기값을 넣고 싶을

2022년 6월 27일
·
0개의 댓글
post-thumbnail

[JS] 백준 1110. 더하기 사이클

https://www.acmicpc.net/problem/1110while문을 적용하는 것까지는 생각함( 하지만, 조건을 어떻게 할지 어려웠음)10보다 낮을때에는 0을 조건부로 앞에 붙이고, 문자열을 나누는 것처럼 나눠 다시 결합하는 방식으로 코드를 작성하다가

2022년 6월 26일
·
0개의 댓글
post-thumbnail

[React.js] React Router Dom의 유용한 기능(useParams, useSearchParams, useNavigate)

REACT에서 CSR 기반의 페이지 라우팅을 할 수 있게 해주는 라이브러리Path Variable(useParms) Query String(useSearchParams)Page Moving(useNavigate)use 키워드가를 앞에 붙여 사용하게 되는데 React의

2022년 6월 24일
·
0개의 댓글
post-thumbnail

[React.js] React Router & Link

React Router library 설치해야 React에서 Router기능을 사용할 수 있다.React-Router 라이브러리 공식 문서 의 설치 방법설치 후, 완료 된 것을 확인하는 방법 \-> package.json에 "react-router-dom"로 설치 유무

2022년 6월 24일
·
0개의 댓글
post-thumbnail

[React.js] 최적화 3. useCallback : 콜백 함수 리턴 & 함수형 업데이트

App.js가 초기 렌더링 되면서 DiaryEditor의 state가 변경되지 않았음에도 렌더링이 일어나는 현상이 있다.또한, 일기 List가 삭제 될때에도 DiaryEditor는 변화하지 않았음에도 리렌더가 된다.불필요한 컴포넌트의 런데링을 최적화할 필요가 있다.본이

2022년 6월 23일
·
0개의 댓글
post-thumbnail

[React.js] 최적화 1. useMemo : 값 리턴

이미 계산 해본 연산 결과를 기억 해 두었다가 동일한 계산을 시키면, 다시 연산하지 않고 기억해 두었던 데이터를 반환 시키게 하는 방법일기의 감정점수의 통계치를 구하는 함수를 통해 Memoiation기법을 사용할 것이다.getDiaryAnalysis() 함수는 각 계산

2022년 6월 23일
·
0개의 댓글
post-thumbnail

[JS] 백준 10952. A+B -5

https://www.acmicpc.net/problem/10952어디서 어떤 점이 틀렸는지 아직도 모르겠음...https://gurtn.tistory.com/28결국에 해결할 수 없어서 참고하여 문제를 해결함const num = input.shift

2022년 6월 23일
·
0개의 댓글
post-thumbnail

[JS] 백준 10871. X보다 작은 수

https://www.acmicpc.net/problem/10871제출한 답이 틀린 이유 : result는 배열이므로 배열을 문자열로 바꿔져야 한다.그 과정이 없어서 답이 오답으로 나온 것join이 있어야 한다는걸 깨닫게 해준 곳 링크첫번째 풀이가 틀려서 배열

2022년 6월 23일
·
0개의 댓글
post-thumbnail

[JS] 백준 2439. 별 찍기 - 2

https://www.acmicpc.net/problem/2439첫번째 for문은 수직으로 별을 5줄을 찍을 수 있도록 5번을 돌림두번째 레벨의 for문은 2개공백을 찍는 반복문공백이 반복문을 돌릴 수록 개수가 줄어들어야 한다.i는 첫번째 반복문을 돌릴 수록

2022년 6월 22일
·
0개의 댓글
post-thumbnail

[JS] 백준 2438. 별 찍기 - 1

https://www.acmicpc.net/problem/24382중 for문을 통해 문제를 풀었다.첫번째 for문은 수직으로 별의 수를 찍는 반복문 input0의 값이 5이므로, 5번 수직으로 별을 하나씩 찍는다.\*\*\*\*\*두번째 for문은 수평으로

2022년 6월 22일
·
0개의 댓글
post-thumbnail

[JS] 백준 11022. A+B

https://www.acmicpc.net/problem/11022이전의 풀었던 문제와 똑같은 풀이법이지만, 출력하는 법이 다른 달랐다. 이전 문제랑 똑같아서 쉽게 문제를 풀 수 있었다.

2022년 6월 22일
·
0개의 댓글
post-thumbnail

[JS] 백준 11021. A+B

https://www.acmicpc.net/problem/11021입력값 나누어 받기처음 문제를 접할때에는 for문 밖에서 값들을 정제해서 for문을 돌릴려고 하니까 간단한 문제를 어렵게 풀고 있는 것 같은 생각이 들었다.그래서 이전에 풀어던 문제중에 비슷하게

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

[JS] 백준 2742. 찍기N

https://www.acmicpc.net/problem/2742제출한 풀이1의 출력 형식의 타입이 달라 생겨난 오류였다.5 string4 number3 number2 number1 number5 number4 number3 number2 number1 num

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

[JS] 백준 2741 .N찍기

https://www.acmicpc.net/problem/2741문제를 푸는 코드는 반복문을 이용해서 빠르게 풀었지만, 이상하게 입출력하는 문제에서 벗어나지 못하고 있다...반복문은 하나씩 console에 출력하는 것이 아닌, 변수에 담아 한번 호출해 한번만

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

[React.js] React Developer Tools

크롬의 확장 도구

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

[React.js] React에서 API호출

async객체를 이용해 promise를 반환하는 함수를 만든다.await를 이용해 API를 호출하는데, fetch와 then을 이용해 API데이터가 불러 와 질때까지 다른 함수들이 진행되지 못하도록 한다.현재 불러온 API데이터는 50개의 객체 요소를 가진 배열이다.너

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

[React.js] React에서 배열 사용하기 - 리스트 렌더링

더미 리스트를 이용해 데이터를 받고 데이터를 화면에 출력하도록 하도록 한다.js파일 DiaryList 컴포넌트 만들기배열에 저장된 일기 리스트를 화면에 나타내는 컴포넌트props로 들어온 diaryList는 App.js에 있는 dummyList의 배열의 데이터들이 들어

2022년 6월 21일
·
0개의 댓글