본문 바로가기

javascript14

[Javascript / Html / CSS] Typing Text (타이핑 텍스트 효과) 1. Html + CSS 꾸미기 타이핑 효과를 주기 전에 먼저 원하는 폰트와 원하는 text를 화면에 배치합니다. I'm Coding *{ box-sizing: border-box; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; } .container{ height: 100%; height: 100vh; background: #32a89b; color: #fff; display: flex; justify-content: center; align-items: center; } .container h1{ font-size: 80px; } 이렇게 나오면 성공! 2. Typed JS를 설치 https://github.com/mattboldt/typed.j.. 2022. 10. 26.
알고리즘 공부하기 (javascript) 7가지 문제 처음 스터디에서 알고리즘 문제를 받았을 때 너무 어렵고 당황스러웠는데 그 뒤, 프로그래머스 스쿨 코딩 테스트를 풀기 시작하고 알고리즘에 익숙해지면서 다시한번 문제를 풀어보았습니다! 모두 결괏값을 구하는 문제입니다 1번 문제 function func(){ for(i=1; i 2022. 9. 30.
[코딩 테스트 연습] 문자열을 정수로 바꾸기 (javascript) 문제 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 풀이 function solution(s) { return Number(s); } Number https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number Number - JavaScript | MDN Number is a primitive wrapper object used to represent and manipulate numbers like 37 or -9.25. developer.mozilla.org Number("123"); // returns the number 123 Number("123") === 123; /.. 2022. 9. 29.
[코딩 테스트 연습] 제일 작은 수 제거하기 (javascript) 문제 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3,2]를 리턴 하고, [10]면 [-1]을 리턴 합니다. 풀이 function solution(arr) { if(arr.length > 1){ let min = Math.min(...arr); let answer = arr.filter(el => el !== min); return answer; }else{ return [-1]; } } Math.min을 이용하여 배열의 가장 작은 수를 구하고, filter를 이용하여 가장 작은 수를 제외한 나머지를 return한다.. 2022. 9. 29.
[코딩 테스트 연습] 가운데 글자 가져오기 (javascript) 문제 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. 풀이 function solution(s) { let answer = ''; const num = s.length; //문자열 총 길이 계산 sliceNum = num/2; //문자열의 중간 계산 if(num % 2 == 0){ answer = s.slice(sliceNum-1, sliceNum+1); return answer; }else{ answer = s.slice(sliceNum, sliceNum+1); return answer; } } 만약 문자열의 길이가 짝수라면 문자 두개를 반환하고, 아니라면 중간에 있는 문자 하나만 반환하도록 작성해보았습니다. Strin.. 2022. 9. 29.
[코딩 테스트 연습] 두 정수 사이의 합 (javascript) 문제 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 풀이 function solution(a, b) { let answer = 0; const max = Math.max(a,b); const min= Math.min(a,b); for(i = min; i 2022. 9. 29.
[코딩 테스트 연습] 수박수박수박수박수박수? (javascript) 문제 길이가 n이고, "수박수박수박수...."와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를 들어 n이 4이면 "수박수박"을 리턴하고 3이라면 "수박수"를 리턴하면 됩니다. 풀이 function solution(n) { let answer = ""; for(i=0; i < n; i++){ if(i % 2==0){ answer += "수"; }else{ answer += "박"; } } return answer; } for문을 돌려 n의 수만큼 자릿수를 만들고, if(i % 2==0) : 만약 자릿수가 짝수라면 "수"를 추가하고 아니라면 "박"을 추가한다 * index값은 0부터 시작이기 때문에 위와 같은 방법으로 해야 한다! 2022. 9. 28.
[코딩 테스트 연습] 정수 내림차순으로 배치하기 (javascript) 문제 함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰 것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를 들어 n이 118372면 873211을 리턴하면 됩니다. 풀이 function solution(n) { answer = Number(n.toString().split("").sort().reverse().join("")); return answer; } Array.prototype.sort() 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환 const months = ['March', 'Jan', 'Feb', 'Dec']; months.sort(); console.log(months); // expected output: Array ["Dec", "Fe.. 2022. 9. 28.
[코딩 테스트 연습] 문자열 내 p와 y의 개수 (javascript) 문제 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 풀이 function solution(s){ const pCount = s.toLowerCase().split("p").length; const yCount = s.toLowerCase().split("y").length; return pCount === yCount; } split을 원하는 단어 기준으로 분할하도록 하면, s = "pPoooyY"; const pCount = s.toLowe.. 2022. 9. 27.