문제설명 정수로 이루어진 문자열 n_str이 주어질 때, n_str의 가장 왼쪽에 처음으로 등장하는 0들을 뗀 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 2 ≤ n_str ≤ 10 n_str이 "0"으로만 이루어진 경우는 없습니다. 입출력 예 입출력 예 #1 "0010"의 가장 왼쪽에 연속으로 등장하는 "0"을 모두 제거하면 "10"이 됩니다. 입출력 예 #2 "854020"는 가장 왼쪽에 0이 없으므로 "854020"을 return합니다. 코드 설명 var answer = ''; answer라는 빈 문자열을 선언합니다. 이 변수는 결과값을 저장하는 용도로 사용됩니다. let len = n_str.length; len 변수에 n_str의 길이를 저장합니다. 이는 반복문에서 ..
문제설명 단어가 공백 한 개 이상으로 구분되어 있는 문자열 my_string이 매개변수로 주어질 때, my_string에 나온 단어를 앞에서부터 순서대로 담은 문자열 배열을 return 하는 solution 함수를 작성해 주세요. 제한사항 my_string은 영소문자와 공백으로만 이루어져 있습니다. 1 ≤ my_string의 길이 ≤ 1,000 my_string의 맨 앞과 맨 뒤에도 공백이 있을 수 있습니다. my_string에는 단어가 하나 이상 존재합니다. 입출력 예 입출력 예 #1 예제 1번의 my_string은 " i love you"로 공백을 기준으로 단어를 나누면 "i", "love", "you" 3개의 단어가 있습니다. 따라서 ["i", "love", "you"]를 return 합니다. 입출..
문제설명 문자열 s에는 공백으로 구분된 숫자들이 저장되어 있습니다. str에 나타나는 숫자 중 최소값과 최대값을 찾아 이를 "(최소값) (최대값)"형태의 문자열을 반환하는 함수, solution을 완성하세요. 예를들어 s가 "1 2 3 4"라면 "1 4"를 리턴하고, "-1 -2 -3 -4"라면 "-4 -1"을 리턴하면 됩니다. 제한 조건 s에는 둘 이상의 정수가 공백으로 구분되어 있습니다. 입출력 예 코드 설명 s = s.split(" "); s를 split(" ") 메서드를 사용하여 공백을 기준으로 분리하여 배열 s에 저장합니다. return Math.min(...s) + " " + Math.max(...s); Math.min() 메소드를 사용하여 배열 s의 요소들 중에서 가장 작은 숫자를 찾습니다...
문제설명 아무 원소도 들어있지 않은 빈 배열 X가 있습니다. 양의 정수 배열 arr가 매개변수로 주어질 때, arr의 앞에서부터 차례대로 원소를 보면서 원소가 a라면 X의 맨 뒤에 a를 a번 추가하는 일을 반복한 뒤의 배열 X를 return 하는 solution 함수를 작성해 주세요. 제한사항 1 ≤ arr의 길이 ≤ 100 1 ≤ arr의 원소 ≤ 100 입출력 예 입출력 예 #1 예제 1번에 대해서 a와 X를 나타내보면 다음 표와 같습니다. 입출력 예 #2 예제 2번에 대해서 a와 X를 나타내보면 다음 표와 같습니다. 입출력 예 #3 예제 2번에 대해서 a와 X를 나타내보면 다음 표와 같습니다. 따라서 [1]을 return 합니다. 풀이 방식 var answer = []; answer라는 빈 배열을 ..
문제설명 양의 정수 n이 매개변수로 주어질 때, n이 홀수라면 n 이하의 홀수인 모든 양의 정수의 합을 return 하고 n이 짝수라면 n 이하의 짝수인 모든 양의 정수의 제곱의 합을 return 하는 solution 함수를 작성해 주세요. 제한사항 1 ≤ n ≤ 100 입출력 예 입출력 예 설명 입출력 예 #1 예제 1번의 n은 7로 홀수입니다. 7 이하의 모든 양의 홀수는 1, 3, 5, 7이고 이들의 합인 1 + 3 + 5 + 7 = 16을 return 합니다. 입출력 예 #2 예제 2번의 n은 10으로 짝수입니다. 10 이하의 모든 양의 짝수는 2, 4, 6, 8, 10이고 이들의 제곱의 합인 22 + 42 + 62 + 82 + 102 = 4 + 16 + 36 + 64 + 100 = 220을 re..
안녕하세요! 오늘은 DOM 객체로 HTML 요소의 속성 바꾸는 법에 대해 공부하고자 합니다. 여기서 잠시!! 이 글을 읽기 DOM객체에 관련된 글을 읽고 와주세요!! 그럼 이제 DOM 객체로 HTML 요소의 속성을 바꾸는 법에 대해 알아보겠습니다!! 텍스 필드의 값 다루기 1. 텍스트 필드의 값 가져오기 값 가져오기 function getValue() { var textField = document.getElementById('myTextField'); var textFieldValue = textField.value; alert('텍스트 필드의 값: ' + textFieldValue); } 사용자가 입력한 텍스트 필드의 값을 가져오기 위해 getElementById로 해당 텍스트 필드를 찾고, 그 값은..
안녕하세요! 오늘은 자바스크립트의 DOM 객체와 이벤트 처리에 대해 공부하고자 합니다. 여기서 잠시!! 이 글을 읽기 전에 함수와 이벤트에 대해 잘 모르신다면 이 글(함수) 과 이 글(이벤트)을 읽고 와주세요!! 그럼 이제 DOM 객체와 이벤트 처리에 대해 알아보겠습니다!! DOM이란? DOM이란 Document Onject Model의 약자입니다. 문서 객체 모델이라고 하며 HTML 혹은 XML문서의 구조화된 표현을 제공하는 표준입니다. HTML에서는 자바스크립트가 DOM 구조에 접근 할 수 있는 방법이 제공되 이를 문서 구조, 스타일, 내용등을 변경 할 수 있습니다. document document는 웹 문서 자체를 가리키는 DOM요소 중 하나입니다. 간단한 문서를 통해 document에 대해 살펴보..
안녕하세요! 오늘은 자바스크립트의 이벤트와 이벤트 리스너에 대해 공부하고자 합니다. 본격적으로 이벤트와 이벤트 리스너를 알아보기 전에 몇 가지 용어를 정리해보겠습니다. 대부분의 함수는 사용자가 화면에서 버튼을 클릭하거나 항목을 선택했을 때 실행됩니다. 이처럼 버튼을 클릭하거나 항목을 선택하는 것은 이벤트(event)라고 하고, 이벤트가 발생했을 때 실행하는 함수를 이벤트 처리기라고 합니다! 이제 이벤트에 대해 알아보겠습니다. 오늘은 총 4가지의 이벤트에 대해 알아볼 것입니다! 1. 마우스 이벤트 마우스를 동작하였을 때 발생하는 이벤트입니다. click : 사용자가 HTML 요소를 클릭할 때 이벤트가 발생합니다. dblclick : 사용자가 HTML 요소를 더블클릭할 때 이벤트가 발생합니다. mousedo..
