자바스크립트

리액트로 개발을 하다가 이런 오류가 났다. import { Helmet } from 'react-helmet-async'; import { Route, Routes } from 'react-router-dom'; import LoginPage from './pages/LoginPage'; import RegisterPage from './pages/RegisterPage'; function App() { return ( 제목 ); } export default App; useRoutes()가 컴포넌트 안에 있어야 된다는 것 같은데 useRoutes()가 Routes 말하는 것 같다. 그래서 두번째 줄의 import에 Router를 추가하고 부분을 로 감싸줬다. import { Helmet } from '..

split() 함수.. slice(), splice()랑 비슷하게 생겨서 헷갈린다.. 먼저 split의 뜻을 알아보자.. split() 함수는 문자열을 어떤 단어를 기준으로 잘라서 배열로 바꾸는 함수다. split의 괄호 안에 어떤 단어를 기준으로 자를지 쓰는게 포인트다. 숫자를 기준으로 자를 경우 괄호에 숫자를 문자열 형태가 아닌 정수 형태로 입력해도 된다.. 더 자세히 알아보려면.. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/split String.prototype.split() - JavaScript | MDN split() 메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문..

📚 문제 설명 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. 📚 제한 조건 x는 -10000000 이상, 10000000 이하인 정수입니다. n은 1000 이하인 자연수입니다. 📚 입출력 예 x n answer 2 5 [2, 4, 6, 8, 10] 4 3 [4, 8, 12] -4 2 [-4, -8] 📚 풀이 function solution(x, n) { let answer = []; for(let i=1; i

📚 문제 설명 정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수, solution을 완성해주세요. 📚 제한 사항 n은 0 이상 3000이하인 정수입니다. 📚 입출력 예 n return 12 28 5 6 📚 입출력 예 설명 입출력 예 #1 12의 약수는 1, 2, 3, 4, 6, 12입니다. 이를 모두 더하면 28입니다. 입출력 예 #2 5의 약수는 1, 5입니다. 이를 모두 더하면 6입니다. 📚 풀이 function solution(n) { let answer = 0; for(let i=1; i

Github Pages? Gtihub Pages는 정적 웹페이지를 호스팅 해주는 서비스이다. 쉽게 말해서 깃허브 저장소의 내용을 서버를 구축해서 웹페이지로 보여주는 것이다. 그것도 무료로... 하하^_^ React 프로젝트 깃허브에 배포하기 React 프로젝트를 깃허브에 배포하려고 했는데 뭔가 이상했다. http://이름.github.io/프로젝트명/ 으로 들어가면 내가 만든 사이트가 떠야 하는데 README.md 파일이 떴다. 예전에 html, css, js 파일만 올렸던 것은 정상적으로 되었는데 왜 이러는 것인지 찾아보았는데 React 프로젝트는 깃허브에 배포할 때 특정한 과정을 거쳐야 가능했다. 1. React 프로젝트 터미널에서 gh-pages 패키지 설치하기 npm i gh-pages --sav..

📚 문제 설명 점심시간에 도둑이 들어, 일부 학생이 체육복을 도난당했습니다. 다행히 여벌 체육복이 있는 학생이 이들에게 체육복을 빌려주려 합니다. 학생들의 번호는 체격 순으로 매겨져 있어, 바로 앞번호의 학생이나 바로 뒷번호의 학생에게만 체육복을 빌려줄 수 있습니다. 예를 들어, 4번 학생은 3번 학생이나 5번 학생에게만 체육복을 빌려줄 수 있습니다. 체육복이 없으면 수업을 들을 수 없기 때문에 체육복을 적절히 빌려 최대한 많은 학생이 체육수업을 들어야 합니다. 전체 학생의 수 n, 체육복을 도난당한 학생들의 번호가 담긴 배열 lost, 여벌의 체육복을 가져온 학생들의 번호가 담긴 배열 reserve가 매개변수로 주어질 때, 체육수업을 들을 수 있는 학생의 최댓값을 return 하도록 solution 함..

📚 문제 설명 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 📚 제한 조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니다. s는 "0"으로 시작하지 않습니다. 📚 입출력 예 예를들어 str이 "1234"이면 1234를 반환하고, "-1234"이면 -1234를 반환하면 됩니다. str은 부호(+,-)와 숫자로만 구성되어 있고, 잘못된 값이 입력되는 경우는 없습니다. 📚 풀이 function solution(s) { return parseInt(s);//받은 문자열을 정수로 변환 } 📚 출처 https://school.programmers.co.kr/learn/courses/30/lessons/12..

📚 문제 설명 1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요. 소수는 1과 자기 자신으로만 나누어지는 수를 의미합니다. (1은 소수가 아닙니다.) 📚 제한 조건 n은 2이상 1000000이하의 자연수입니다. 📚 입출력 예 n result 10 4 5 3 📚 입출력 예 설명 입출력 예 #1 1부터 10 사이의 소수는 [2,3,5,7] 4개가 존재하므로 4를 반환 입출력 예 #2 1부터 5 사이의 소수는 [2,3,5] 3개가 존재하므로 3를 반환 📚 풀리긴 하는데 의문스러운 풀이 function solution(n) { let answer = 0;// 소수의 개수 for(let i=2; i

📚 문제 설명 문자열 s에 나타나는 문자를 큰것부터 작은 순으로 정렬해 새로운 문자열을 리턴하는 함수, solution을 완성해주세요. s는 영문 대소문자로만 구성되어 있으며, 대문자는 소문자보다 작은 것으로 간주합니다. 📚 제한 사항 str은 길이 1 이상인 문자열입니다. 📚 입출력 예 s return "Zbcdefg" "gfedcbZ" 📚 풀이 function solution(s) { const sArr = []; for(let i=0; i b) return -1; if(a === b) return 0; }); return sArr.join(""); } 풀고 나서 다른 사람 풀이를 봤는데 문자열을 split으로 배열로 변환해서 푸는 사람도 있었다. split 메서드 알고 있었는데 잊어버리고 있었다 ㅋ..

📚 문제 설명 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. 📚 제한 사항 문자열 s의 길이 : 50 이하의 자연수 문자열 s는 알파벳으로만 이루어져 있습니다. 📚 입출력 예 s answer "pPoooyY" true "Pyy" false 📚 입출력 예 설명 입출력 예 #1 'p'의 개수 2개, 'y'의 개수 2개로 같으므로 true를..