프론트엔드 개발자 엄성준 블로그

문제 설명 머쓱이네 피자가게는 피자를 두 조각에서 열 조각까지 원하는 조각 수로 잘라줍니다. 피자 조각 수 slice와 피자를 먹는 사람의 수 n이 매개변수로 주어질 때, n명의 사람이 최소 한 조각 이상 피자를 먹으려면 최소 몇 판의 피자를 시켜야 하는지를 return 하도록 solution 함수를 완성해보세요. 입출력 예 slice n result 7 10 2 4 12 3 나의 풀이 1 2 3 4 5 6 7 8 9 10 function solution(slice, n) { let answer = 0; if(n%slice === 0){ answer = parseInt(n/slice); }else{ answer = parseInt(n/slice)+1; } return answer; } Colored by..

문제 설명 문자열 배열 strlist가 매개변수로 주어집니다. strlist 각 원소의 길이를 담은 배열을 retrun하도록 solution 함수를 완성해주세요. 입출력 예 strlist result ["We", "are", "the", "world!"] [2, 3, 3, 6] ["I", "Love", "Programmers."] [1, 4, 12] 나의 풀이 1 2 3 4 5 6 7 8 9 function solution(strlist) { let answer =[]; for(let i=0; i

타입 스크립트의 특징 - 컴파일 언어, 정적 타입 언어 - 정적 타입의 컴파일 언어이며, 컴파일러 또는 바벨(Babel)을 통해 자바스크립트 코드로 변환됩니다. - 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있습니다. - 코드 작성 시 매번 타입을 경절해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 오래 걸린다는 단점이 있습니다. - 타입스크립트는 자바스크립트의 슈퍼셋, 즉 자바스크립트 기본 문법에 타입스크립트 문법을 추가한 언어 입니다, 따라서 유효한 자바스크립트로 작성한 코드는 확장자를 .js에서 .ts로 변경하고 타입스크립트로 컴파일해 변환할 수 있습니다. - 타입스크립트는 ES6 에서 새롭게 사용된 문법을 포함..

문제 설명 정수가 들어 있는 배열 num_list가 매개변수로 주어집니다. num_list의 원소의 순서를 거꾸로 뒤집은 배열을 return하도록 solution 함수를 완성해주세요. 입출력 예 num_list result [1, 2, 3, 4, 5] [5, 4, 3, 2, 1] [1, 1, 1, 1, 1, 2] [2, 1, 1, 1, 1, 1] [1, 0, 1, 1, 1, 3, 5] [5, 3, 1, 1, 1, 0, 1] 나의 풀이 1 2 3 4 5 6 function solution(num_list) { let reversed = num_list.reverse(); return reversed; } Colored by Color Scripter cs 문제를 풀며 느낀 점 reverse()함수를 이용했..

문제 설명 머쓱이는 추운 날에도 아이스 아메리카노만 마십니다. 아이스 아메리카노는 한잔에 5,500원입니다. 머쓱이가 가지고 있는 돈 money가 매개변수로 주어질 때, 머쓱이가 최대로 마실 수 있는 아메리카노의 잔 수와 남는 돈을 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. 입출력 예 money result 5,500 [1, 0] 15,000 [2, 4000] 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 function solution(money) { let coffee = 5500; let possibleBuy = parseInt(money / coffee); let changes = money - (coffee*possibleBuy); let answer ..

문제 설명 정수 배열 array가 매개변수로 주어질 때, 가장 큰 수와 그 수의 인덱스를 담은 배열을 return 하도록 solution 함수를 완성해보세요. 입출력 예 arrayr result [1, 8, 3] [8, 1] [9, 10, 11, 8] [11, 2] 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 function solution(array) { let bigNum = Math.max(...array); let bigNumIndex = array.indexOf(Math.max(...array)); console.log(bigNum); console.log(array.indexOf(Math.max(...array))); let answer = [bigNum, bigNumIndex]..

이벤트 버블링 : 어떤 요소에 대한 이벤트가 발생했을 때, 해당 요소의 최상위 부모까지 이벤트가 전달되는 과정 HTML 구조상 자식 요소에 발생한 이벤트가 상위 부모요소에 영향을 미치는 것이다. 이벤트 캡처링(최상위 부모에서 이벤트 발생 요소까지 이벤트가 전달되는 것)과 정반대이다. 이벤트 버블링이나 캡처링을 차단 하고 싶을 때 e.stopPropagation을 호출하면 이벤트 전파를 막고 해당 이벤트만 실행할 수 있다. 요약정리 : 이벤트 버블링은 자식 요소에서 이벤트 발생 시 해당 요소의 최상위 부모까지 이벤트가 전달되는 것이고 반대 용어로는 이벤트 캡처링이 있다.

문제 설명 정수 n이 매개변수로 주어질 때 n의 각 자리 숫자의 합을 return하도록 solution 함수를 완성해주세요 입출력 예 n result 1234 10 930211 16 나의 풀이 1 2 3 4 5 6 7 8 9 10 function solution(n) { let answer=0; n= n.toString(); for(let i=0; i

문제 설명 사분면은 한 평면을 x축과 y축을 기준으로 나눈 네 부분입니다. 사분면은 아래와 같이 1부터 4까지 번호를매깁니다. x 좌표와 y 좌표가 모두 양수이면 제1사분면에 속합니다. x 좌표가 음수, y 좌표가 양수이면 제2사분면에 속합니다. x 좌표와 y 좌표가 모두 음수이면 제3사분면에 속합니다. x 좌표가 양수, y 좌표가 음수이면 제4사분면에 속합니다. 입출력 예 dot result [2, 4] 1 [-7, 9] 2 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function solution(dot) { if(dot[0]>0 && dot[1]>0){ return 1 }else if(dot[0]0){ return 2 }else if(dot[0]

문제 설명 머쓱이는 할머니께 생신 축하 편지를 쓰려고 합니다. 할머니가 보시기 편하도록 글자 한 자 한 자를 가로 2cm 크기로 적으려고 하며, 편지를 가로로만 적을 때, 축하 문구 message를 적기 위해 필요한 편지지의 최소 가로길이를 return 하도록 solution 함수를 완성해주세요. 입출력 예 message result "happy birthday!" 30 "I love you~" 22 나의 풀이 1 2 3 4 5 function solution(message) { var answer = message.length*2; console.log(message.length) return answer; } Colored by Color Scripter cs 문제를 풀며 느낀 점 - 흠.. 블로그에..