공부 107

Q. 가장 큰 수 찾기

정수 배열 array가 매개변수로 주어질 때, 가장 큰 수와 그 수의 인덱스를 담은 배열을 return 하도록 solution 함수를 완성해보세요. 🚫제한 사항 1 ≤ array의 길이 ≤ 100 0 ≤ array 원소 ≤ 1,000 array에 중복된 숫자는 없습니다. ❗입출력 예 array result [1, 8, 3] [8, 1] [9, 10, 11, 8] [11, 2] 😀 내가 푼 답 const solution = (array) => { return [Math.max(...array), array.indexOf(Math.max(...array))] } 😊 문제풀이 답안 OR 다른사람들 답안 // 1 function solution(array) { let max = Math.max(...array)..

Q. 인덱스 바꾸기

문자열 my_string과 정수 num1, num2가 매개변수로 주어질 때, my_string에서 인덱스 num1과 인덱스 num2에 해당하는 문자를 바꾼 문자열을 return 하도록 solution 함수를 완성해보세요. 🚫제한 사항 1 { const arr = [...my_string] arr.splice(num1, 1, my_string[num2]) arr.splice(num2, 1, my_string[num1]) return arr.join("") } 😊 문제풀이 답안 OR 다른사람들 답안 function solution(my_string, num1, num2) { my_string = my_string.split(''); [my_string[num1], my_string[num2]] = [my_s..

Design System이란?

❓ Design System 이란? 재사용 가능한 UI 구성 요소의 모음 버튼과 같은 UI 요소와 텍스트 요소 및 디자인 파일에서 재사용될 요소를 정의할 수 있음 미리 만들어놓고 하나씩 꺼내서 쓰는 시스템으로 이해하면 됨 ex. apple 디자인 시스템 ❗️❗️ Design System을 사용하는 이유 디자인 시스템의 주요 이점 중 하나는 일관성!! 색상, 타이포그래피, 간격 및 기타 많은 항목이 명확하게 정의된 디자인 시스템이 있다면 디자인 파일 전체에 일관성이 보장되게 됨 → 일관성이 보장된다는 것은 브랜드를 가지게 된다는 뜻! 구축된 시스템은 디자인 & 개발의 워크플로우를 매우 쉽게 만듦 → 디자이너가 모듈(컴포넌트) 형태로 작업물을 만들면 이를 가지고 개발자가 컴포넌트 중심의 개발을 할 수 있게 ..

Q. 세균 증식

어떤 세균은 1시가에 두배만큼 증식한다고 합니다. 처음 세균의 마리수 n과 경과한 시간 t가 매개변수로 주어질 때 t시간 후 세균 수를 return 하도록 solution 함수를 완성해주세요. 🚫제한 사항 1 ≤ n ≤ 10 1 ≤ t ≤ 15 ❗입출력 예 n t result 2 10 2048 7 15 229,376 😀 내가 푼 답 const solution = (n, t) => { return n * (2 ** t) } 😊 문제풀이 답안 OR 다른사람들 답안 function solution(n, t) { return n

개발자 도구 Network tab

📌 Network tab의 기능 개발자도구의 네트워크 탭은 서버와 데이터를 주고 받을 때 편리하게 디버깅을 할 수 있도록 도와주는 도구. 각 소스들을 불러올 때 속도, 응답 등 네트워크 측면에서 확인 가능하며, 문제시 비교, 분석을 할 수 있게 해줌 http 네트워크 통신 확인, API 크롤링, 페이지 로딩 성능 테스트, 이미지, 영상 등의 소스(mock data 활용)등에서 사용할 수 있음 ❗Network 패널의 여러 가지 탭의 종류와 기능 살펴보기 📚 탭 최상단 왼쪽 상단에 빨간 불이 들어와 있으면 통신을 기록하고 있다는 뜻 빨간 불 옆에 삭제 버튼을 눌러 받아온 리소스 기록을 삭제할 수 있음 필터를 통해 모든 리소스를 확인하거나, Fetch/XHR, JS, CSS 등 여러가지 데이터를 형태별로 걸러..

공부/CS 2024.02.02

Q. 문자 반복 출력하기

문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string에 들어있는 각 문자를 n만큼 반복한 문자열을 return 하도록 solution 함수를 완성해보세요. 🚫제한 사항 2 ≤ my_string 길이 ≤ 5 2 ≤ n ≤ 10 "my_string"은 영어 대소문자로 이루어져 있습니다. ❗입출력 예 my_string n result "hello" 3 "hhheeellllllooo" 😀 내가 푼 답 const solution = (my_string, n) => [...my_string].map(i => i.repeat(n)).join("") repeat() 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환함 😊 문제풀이 답안 OR 다른사람들 답안 function soluti..

Q. 모음 제거

영어에선 a, e, i, o, u 다섯 가지 알파벳을 모음으로 분류합니다. 문자열 my_string이 매개변수로 주어질 때 모음을 제거한 문자열을 return하도록 solution 함수를 완성해주세요. 🚫제한 사항 my_string은 소문자와 공백으로 이루어져 있습니다. 1 ≤ my_string의 길이 ≤ 1,000 ❗입출력 예 my_string result "bus" "bs" "nice to meet you" "nc t mt y" 😀 내가 푼 답 const solution = my_string => my_string.replace(/[aeiou]/g, "") 😊 문제풀이 답안 OR 다른사람들 답안 function solution(my_string) { return [...my_string] .filte..

Q. 문자열안에 문자열

문자열 str1, str2가 매개변수로 주어집니다. str1 안에 str2가 있다면 1을 없다면 2를 return하도록 solution 함수를 완성해주세요. 🚫제한 사항 1 ≤ str1의 길이 ≤ 100 1 ≤ str2의 길이 ≤ 100 문자열은 알파벳 대문자, 소문자, 숫자로 구성되어 있습니다. ❗입출력 예 str1 str2 result "ab6CDE443fgh22iJKlmn1o"" "6CD" 1 "ppprrrogrammers" "pppp" 2 "AbcAbcA" "AAA" 2 😀 내가 푼 답 const solution = (str1, str2) => { return str1.includes(str2) ? 1 : 2 } includes() 특정 값이 반환되거나 포함되어있는지 여부를 true false로 ..

Q. 특정 문자 제거하기

문자열 my_string과 문자 letter이 매개변수로 주어집니다. my_string에서 letter를 제거한 문자열을 return하도록 solution 함수를 완성해주세요. 🚫제한 사항 1 ≤ my_string의 길이 ≤ 100 letter은 길이가 1인 영문자입니다. my_string과 letter은 알파벳 대소문자로 이루어져 있습니다. 대문자와 소문자를 구분합니다. ❗입출력 예 my_string letter result "agcdef" "f" "abcde" "BCBdbe" "B" "Cdbe" 😀 내가 푼 답 const solution = (my_string, letter) => my_string.replaceAll(letter, ""); replaceAll() 문자열에서 특정 문자를 지정한 문자열..

Q. 편지

머쓱이는 할머니께 생신 축하 편지를 쓰려고 합니다. 할머니가 보시기 편하도록 글자 한 자 한 자를 가로 2cm 크기로 적으려고 하며, 편지를 가로로만 적을 때, 축하 문구 message를 적기 위해 필요한 편지지의 최소 가로길이를 return 하도록 solution 함수를 완성해주세요. 🚫제한 사항 공백도 하나의 문자로 취급합니다. 1 ≤ message의 길이 ≤ 50 편지지의 여백은 생각하지 않습니다.message는 영문 알파벳 대소문자, ‘!’, ‘~’ 또는 공백으로만 이루어져 있습니다. ❗입출력 예 message result "happy birthday!" 30 "I love you~" 22 😀 내가 푼 답 const solution = message => message.length * 2 😊 문제..