DevSSOM

문제 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요. 제한사항 arr은 길이 1 이상, 100 이하인 배열입니다. arr의 원소는 -10,000 이상 10,000 이하인 정수입니다. 입출력 예 arr return [1, 2, 3, 4] 2.5 [5, 5] 5 기본 코드 function solution(arr) { var answer = 0; return answer; } 풀이 function solution(arr) { let sumArr = 0; for (let i = 0; i < arr.length; i++ ) { sumArr += arr[i]; let avgArr = sumArr / arr.length; } return avgArr; } https:/..

width, height 특정 영역에 공간을 설정할 때 사용. 고정적인 공간을 만들고 싶을 때 px(픽셀) 단위로 표시. 고정값(px), 가변값(%). 공간을 꽉 채우고 싶다면 px 지정하는 대신에 100%를 입력하면 돼. 부모 영역 크기의 100%. width : 선택한 요소의 넓이를 설정. height : 선택한 요소의 높이를 설정. 프로그래밍을 배워봐요! .paragraph { width: 500px; height: 500px; } font font-size : 글자 크기를 바꿀 때 사용. 마찬가지로 고정된 크기를 표현할 때는 px(픽셀) 단위 입력. font-family : 서체를 지정할 때 사용. 브라우저마다 지원하는 폰트가 다름. 만약에, 특정 브라우저가 A라는 폰트를 지원하지 않는다면, B라..

연습문제 : 구구단 함수 만들기 for문을 사용하여 구구단을 출력하는 함수 timesTable 만들기. 예를 들어, 함수 인자로 숫자 2가 전달되면 2단을 출력. 팁 매개변수n은 고정값, 즉 내가 출력하고자 하는 n단이 되고, for 안의 변수i는 가변값, 즉 1부터 9까지의 숫자가 되어야 함. >>> function timesTable(n) { for( var i = 0; i < 10; i++ ) { console.log( n + "x" + i + "=" + n * i ); } } timesTable(2); // 2단만 출력 timesTable(3); // 3단만 출력

문제 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 제한 조건 num은 int 범위의 정수입니다. 0은 짝수입니다. 입출력 예 num return 3 "Odd" 4 "Even" 기본 코드 function solution(num) { var answer = ''; return answer; } 풀이 function solution(num) { var answer = ''; if (num % 2 == 0) { answer = "Even"; } else { answer = "Odd"; } return answer; }

문자열 거꾸로 출력하기 for문을 사용하여, 함수의 인자로 전달된 문자를 거꾸로 출력하는 함수 reverse의 코드를 작성하기. console.log(reverse("Hello")); //olleH 출력 해야할 것 for ( ) { } 을 입력하여 조건문 생성을 시작. for의 변수로 var i = str.length-1를 입력. for의 조건으로 i >= 0을 입력. for의 조건으로 i--을 입력. 조건문 실행 시, 비어있는 변수 reverStr에 str.charAt(i)를 삽입. for문 실행을 완료하였다면, reverStr을 반환. 팁 str.length-1인 이유는, 데이터의 총 길이에서 1을 빼야, 해당 데이터의 인덱스(좌표값)가 되기 때문. 또한, 마지막 문자부터 거꾸로 출력해야 하므로, s..

캐스케이딩 : CSS의 우선순위를 결정하는 세 가지 요소. 1. 순서 동일하게 태그를 선택한 상황에서, 같은 속성을 사용하는데 속성값만 다름. 이 경우에는, 나중에 작성한 속성값의 우선순위가 높기 때문에 이 때 컬러는 blue로 표기가 됨. Hello World // style.css 문서 p { color: red; } p { color: blue; } 2. 디테일 같은 태그라도, 하나는 부모를 명시해줬고, 다른 하나는 그냥 태그라면, header 안의 p가 좀 더 구체적으로 작성된 CSS 선택자이기 때문에 색상은 red로 나타나게 됨. Hello World // style.css 문서 header p { color: red; } p { color: blue; } 3. 선택자 사용하는 선택자에 따라서도..

this this는 어느 특정 영역에 이벤트를 적용할 때, 실제 이벤트가 발생되는 선택된 영역을 의미. this를 잘 못 쓰면 코드 길이가 엄청나게 늘어날 수 있기 때문에 굉장히 중요해. 그림과 같이 3개의 박스가 주어짐. 이때 "맨 위에 있는 첫 번째 박스를 클릭하면, 첫 번째 박스만 색깔이 바뀌었으면 좋겠다" 라고 할 때 this를 사용. 즉, 특정 이벤트 영역을 지정할 때 사용하는 게 this. // 3개의 박스에 favorites_icon이라고 하는 클래스 이름을 지어줌 // 그리고, 3개의 박스들은 $favorites_icon 이라고 하는 변수 안에 넣어줌. var $favorites_icon = $(".favorites_icon"); // 내가 지정한 박스만 색상을 바꾸고 싶을 때 $favor..

문제 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 s는 길이 4 이상, 20이하인 문자열입니다. 입출력 예 phone_number return "01033334444" "*******4444" "027778888" "*****8888" 기본 코드 function solution(phone_number) { var answer = ''; return answer; } 풀이 function solution(phone_number) { let answer = ''; ans..