rosie

1. 웹 서비스 기초 ⅰ. 웹 서비스의 동작원리 브라우저가 하는 일은 요청을 보내고 요청 받은걸 그대로 그려주는 역할을 함 이때, 요청 받은 내용에 들어있는 것이 HTML, CSS, Javascript HTML은 뼈대, CSS는 꾸미기, Javascript는 움직이기 => 눈에 보이는 부분을 프론트엔드라고 함 ⅱ. HTML, CSS, Javascript 세 가지를 집 짓는 것에 비교한다면 집의 골조를 세우는 것은 html의 역할이고, 인테리어 하듯 홈페이지를 꾸며주는 것이 css의 역할, 불을 켜고 끄는 등 홈페이지의 동적인 역할은 javascript 2. VS Code VS Code(Visual Studio Code)란? ✔ Microsoft사가 개발해 무료로 제공하는 개발환경으로, 세계에서 가장 많이..

Q. 자릿수 더하기 정수 n이 매개변수로 주어질 때 n의 각 자리 숫자의 합을 return하도록 solution 함수를 완성해주세요 🚫제한 사항 0 ≤ n ≤ 1,000,000 ❗입출력 예 n result 1234 10 930211 16 😀 내가 푼 답 function solution(n) { return n .toString() .split("") .map((idx) => parseInt(idx)) .reduce((acc, cur) => acc + cur); } parseInt() 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환함 parseInt() 함수를 사용하는 주요 목적은 문자열에서 숫자를 추출하기 위함 => 입력받은 문자열을 숫자값으로 바꾸어 변환함 문자열의..

Q. 머쓱이보다 키 큰 사람 머쓱이는 학교에서 키 순으로 줄을 설 때 몇 번째로 서야 하는지 궁금해졌습니다. 머쓱이네 반 친구들의 키가 담긴 정수 배열 array와 머쓱이의 키 height가 매개변수로 주어질 때, 머쓱이보다 키 큰 사람 수를 return 하도록 solution 함수를 완성해보세요. 🚫제한 사항 1 ≤ array의 길이 ≤ 100 1 ≤ height ≤ 200 1 ≤ array의 원소 ≤ 200 ❗입출력 예 array height result [149, 180. 192, 170] 167 3 [180, 120, 140] 190 0 😀 내가 푼 답 function solution(array, height) { return array.filter(x => x > height).length } ..

Q. 중복된 숫자 개수 정수가 담긴 배열 array와 정수 n이 매개변수로 주어질 때, array에 n이 몇 개 있는 지를 return 하도록 solution 함수를 완성해보세요. 🚫제한 사항 1 ≤ array의 길이 ≤ 100 0 ≤ array의 원소 ≤ 1,000 0 ≤ n ≤ 1,000 ❗입출력 예 array n result [1, 1, 2, 3, 4, 5] 1 2 [0, 2, 3, 4] 1 0 😀 내가 푼 답 function solution(array, n) { return array.filter(num => num === n).length } filter() filter()는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열을 리턴해줌 주로 특정 조건을 만족하는 새로운 배열이 필요할..

Q. 양꼬치 문자열 my_string이 매개변수로 주어집니다. my_string을 거꾸로 뒤집은 문자열을 return하도록 solution 함수를 완성해주세요. 🚫제한 사항 1 ≤ my_string의 길이 ≤ 1,000 ❗입출력 예 my_string result "jaron" "noraji" "bread "daerb" 😀 내가 푼 답 function solution(my_string) { return my_string.split("").reverse().join(""); } split() 문자열을 일정한 구분자로 잘라서 배열로 저장 str.split(separator, limit) separator로 잘라서, limit 크기 이하의 배열에 잘라진 문자열을 저장하여 리턴함 separator : 필수로 작성..

Q. 양꼬치 머쓱이네 양꼬치 가게는 10인분을 먹으면 음료수 하나를 서비스로 줍니다. 양꼬치는 1인분에 12,000원, 음료수는 2,000원입니다. 정수 n과 k가 매개변수로 주어졌을 때, 양꼬치 n인분과 음료수 k개를 먹었다면 총얼마를 지불해야 하는지 return 하도록 solution 함수를 완성해보세요. 🚫제한 사항 0 ≤ n ≤ 10,000 n / 10 ≤ k ≤ 10,000 서비스로 받은 음료수는 모두 마십니다. ❗입출력 예 n k result 10 3 124,000 64 6 768,000 😀 내가 푼 답 function solution(n, k) { return 12000 * n + 2000 * k - 2000 * Math.floor(n/10) } 😊 문제풀이 답안 OR 다른사람들 답안 fun..

Q. 나이 출력 머쓱이는 40살인 선생님이 몇 년도에 태어났는지 궁금해졌습니다. 나이 age가 주어질 때, 2022년을 기준 출생 연도를 return 하는 solution 함수를 완성해주세요. 🚫제한 사항 0 ≤ age ≤ 120 나이는 태어난 연도에 1살이며 1년마다 1씩 증가합니다. ❗입출력 예 age result 40 1983 23 2000 😀 내가 푼 답 function solution(age) { const years = 2022; return years - age +1 } 😊 문제풀이 답안 OR 다른사람들 답안 function solution(age) { return new Date().getFullYear() - age + 1; } Date 객체 날짜를 지정할 수 있고, 날짜와 관련된 메서드..

Q. 두 수의 합 정수 num1과 num2가 주어질 때, num1과 num2의 합을 return 하도록 soltuion 함수를 완성해 주세요. 🚫제한 사항 -50,000 ≤ num1 ≤ 50,000 -50,000 ≤ num2 ≤ 50,000 ❗입출력 예 num1 num2 result 2 3 5 100 2 102 😀 내가 푼 답 function solution(num1, num2) { return num1 + num2; } num1과 num2의 두수의 합를 구하기 때문에 더하기 연산자를 사용 😊 문제풀이 답안 OR 다른사람들 답안 const solution = (num1, num2) => num1 + num2 Q. 두 수의 차 정수 num1과 num2가 주어질 때, num1에서 num2를 뺀 값을 retu..

Q. 배열 연습하기 문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e", "a"로 strings를 정렬합니다. 🚫제한 사항 strings는 길이 1 이상, 50이하인 배열입니다. strings의 원소는 소문자 알파벳으로 이루어져 있습니다. strings의 원소는 길이 1 이상, 100이하인 문자열입니다. 모든 strings의 원소의 길이는 n보다 큽니다. 인덱스 1의 문자가 같은 문자열이 여럿 일 경우, 사전순으로 앞선 문자열이 앞쪽에 위치합니다. ❗입출력 예 strings n return ["s..

1. 각종 ES6 문법 소개 ECMAScript 6 (ES6) 는 JavaScript의 버전 중 하나로, 2015년도에 발표됨 ES6는 이전 버전 ES5 에서 새로운 문법과 기능을 도입하여 JavsScript 개발자들이 보다 쉽고 효율적으로 코드를 작성할 수 있도록 개선함 2015년도에 대규모 문법적 향상 및 변경이 있었기 때문에 ES6가 항상 언급됨 => 이때 새로 등장한 문법이 많음 ⅰ. let, const 기존 변수 선언을 위해 존재하던 var를 대체해서 나온 변수 선언에 사용되는 키워드 2015년도 이전 => var로 변수 선언 ES6 => let(변수선언), const(상수선언) 선언이란 변수명을 자바스크립트 엔진에 알리는 것 할당이란 변수에 값을 저장한는 것(= 할당연산자) let과 const..