매일 공부한거 기록하기

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/padStart String.prototype.padStart() - JavaScript | MDN padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다. 채워넣기는 대상 문자열의 시작(좌측)부터 적용됩니다. developer.mozilla.org 아 뭔데 나 또 모르네~!!ㅠ

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/repeat String.prototype.repeat() - JavaScript | MDN repeat() 메서드는 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환합니다. developer.mozilla.org 머야... 나 이거 처음 들어봐..나 밥오ㅠ

주어진 숫자의 절대값을 리턴한다! https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/abs Math.abs() - JavaScript | MDN Math.abs() 함수는 주어진 숫자의 절대값을 반환합니다. x가 양수이거나 0이라면 x를 리턴하고, x가 음수라면 x의 반대값, 즉 양수를 반환합니다. developer.mozilla.org

.localeCompare() 기존 문자열과 비교했을때 비교 대상 문자열이 정렬상 전,후,같은순서에 오는지 비교하고 숫자를 리턴한다. 비교대상이 앞에 있으면 -1 , 뒤에있으면 1, 같으면 0을 리턴한다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare String.prototype.localeCompare() - JavaScript | MDN The localeCompare() 메서드는 기준 문자열과 비교했을 때 비교 대상 문자열이 정렬상 전에 오는지, 후에 오는지 혹은 같은 순서에 배치되는지를 알려주는 숫자를 리턴합니다. developer.mozilla.org .sort()..

대체 얼마나 많을까..? .. 근데 찾으라니까 찾아본다 문제해결 function solution(seoul) { const answer = `김서방은 ${seoul.findIndex((element)=>element==='Kim')}에 있다`; return answer; } findIndex를 이용해서 찾았다. 주어진 함수를 이용해 만족하는 배열의 첫번째 요소의 인덱스를 리턴한다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex 개선점 indexOf()를 써서 풀 수 도 있다 indexOf()는 배열에서 지정된 요소를 찾아 첫번째 인덱스를 리턴한다. 존재하지 않는다면 -1을 리턴한다. ..

알고리즘을 풀다가 대충 안 reduce때문에 런타임 에러가 떴다 const array = [1,2,3,4]; const initValue = 0; const sum = arrray.reduce((previousValue,currentValue)=>previousValue+currentValue),initValue); console.log(sum); // 10 [1,2,3].reduce((acc,cur)=>acc+cur); // 6으로 잘 작동함 [1,2,3].reduce((acc,cur)=>acc+cur); // 1 [1].reduce((acc,cur)=>0); // 1 [].reduce((acc,cur)=>acc+cur); // 빈배열일경우 empty array라는 에러가 뜸. [].reduce((ac..

문제해결 function solution(n) { let answer = 0; let answerArray = []; for (let i = 1; i a+b); return answer; } // 약수는 나눠지는 모든숫자. (기억 잘 안남 틀리면 고쳐주세여ㅠ) // 따라서 자기자신까지 for문을 돌려서 나눠서 나머지가 0이 되는 숫자들을 구함. // 배열안에 나머지가 0이 되는 숫자들을 push하고 // reduce를 이용해 더해준뒤 answer로 리턴해줌. 테스트 1 〉통과 (0.05ms, 30.1MB) 테스트 2 〉통과 (0.06ms, 29.9MB) 테스트 3 〉통과 (0.09ms, 30.1MB) 테스트 4 〉통과 (0.07ms, 30.1MB) 테스트 5 〉통과 (0.10ms, 29.8MB) 테스트 ..

알고리즘 푸는게 더 재밌다..; 어떡하지..?ㅋ function solution(s) { let answer =''; const splitArray = s.split(" "); answer = splitArray.map(word => word.split("").map( (alphabet,index)=> index % 2 === 0 ? alphabet.toUpperCase() :alphabet.toLowerCase()).join('')).join(' '); return answer; }

그냥 나는 하던것처럼 .env 파일에 환경변수를 REACT_APP_으로 설정 했을 뿐인데... console.log에 찍어보니 없다...! 당황해서 여기저기 찾아봤고..삽질만 했다 큽 next.js에서는 환경변수 prefix는? NEXT_PUBLIC_ 였ㄷㅏ...^^..ㅋ NEXT_PUBLIC을 쓰는 이유는? 1) React컴포넌트를 사용해 빌드되어 클라이언트에게만 보여지는 React UI 부분 2) Next.js 서버에서 실행되는 부분 이렇게 두가지 부분이 있다. /pages/api라우팅 getServerSideProps() 서버사이드 props를 가져올때 getStaticProps() 빌드시 한번만 props를 가져올때 위의 세가지 기능은 항상 서버에서 실행되므로 NodeJS의 프로세스에 액세스 한다..

문제해결 function solution(participant, completion) { let answer = ''; participant.sort(); completion.sort(); for(let i = 0; participant.length; i++ ){ if(participant[i] !== completion[i]){ answer= participant[i]; return answer; } } return answer; } 개선점 몰으겠음 누구나 지적질 환영 근데 살살 말해주셈ㅋ