DevSSOM

문제 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한 조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니다. s는 "0"으로 시작하지 않습니다. 입출력 예 예를들어 str이 "1234"이면 1234를 반환하고, "-1234"이면 -1234를 반환하면 됩니다. str은 부호(+,-)와 숫자로만 구성되어 있고, 잘못된 값이 입력되는 경우는 없습니다. 기본 코드 function solution(s) { var answer = 0; return answer; } 풀이 1 function solution(s) { return Number(s); } 풀이 2 function solution(s) { re..

display 이전에, HTML 태그는 크게 두 가지의 성격을 가지고 있다고 했음. Block과 Inline. 근데, 간혹가다 태그를 가지고 공간에 대한 크기를 입력해주고 싶다. 태그가 공간에 대한 크기를 갖고 있지 않으면 좋겠다. 하고 원래 태그가 갖고 있는 성격을 바꾸고 싶은 거야. 그럴 땐 display라고 하는 CSS 속성을 사용하게 되면, 태그를 inline으로 바꿀 때 속성값으로 inline을 주면 됨. display : Block과 Inline 요소가 가지고 있는 원래의 성격을 바꾸고 싶을 때 사용. 속성값으로 inline-block을 적용하면 두 요소의 성격을 모두 가짐. x축 정렬이면서 공간에 대한 크기를 만들고 상하 배치 작업까지 하고 싶다고 할 땐 inline-block. inline..

제이쿼리 선택자 제이쿼리 선택자는 CSS 선택자와 유사한 구조를 가지고 있음. $("태그이름") $("#아이디 속성값") $(".클래스 속성값") - CSS 선택자 h1 // 태그에 접근할 때 #title // id에 접근할 때 .article // class에 접근할 때 - jQuery 선택자 $("h1") // 태그에 접근할 때 $("#title") // id에 접근할 때 $(".article") // class에 접근할 때 만약, 디자인을 입히고 싶다. 즉, CSS와 관련된 기능을 사용하고 싶다고 한다면, jQuery에서 제공하는 css메소드를 활용하면 됨. 디자인은 .css('css 속성', 'css 속성값') 형태로 입력. $("h1").css("color", "blue"); 연습문제 funct..

jQuery 간단한 명령어로 주요 기능을 쉽게 구현할 수 있도록 도와주는 자바스크립트 언어로 구성된 라이브러리. JavaScript와 jQuery 비교 // html문서에 접근할 때 // 자바스크립트 var str1 = document.getElementById("title"); // 제이쿼리 $("#title") 자바스크립트보다 제이쿼리를 쓸 때 코드 작성이 아주 간단해짐.

문제 정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수, solution을 완성해주세요. 제한 사항 n은 0 이상 3000이하인 정수입니다. 입출력 예 n return 12 28 5 6 입출력 예 #1 12의 약수는 1, 2, 3, 4, 6, 12입니다. 이를 모두 더하면 28입니다. 입출력 예 #2 5의 약수는 1, 5입니다. 이를 모두 더하면 6입니다. 기본 코드 function solution(n) { var answer = 0; return answer; } 풀이 function solution(n) { var answer = 0; for (let i = 1; i

형제간의 마진 병합 Hello World Hello World /* style.css 문서 */ .box1 { margin-bottom: 150px; } .box2 { margin-top: 100px; } 한 쪽은 150px이라고 하는 margin-bottom이고, 한 쪽은 100px margin-top이니까 box1과 box2영역의 마진 부분이 겹쳐. 공통된 부분을 두 개의 영역이 공유하게 되면, 이 공간의 크기는 250px이 되는게 아니라 150이 됨. 항상 큰 값에 우선순위가 있어서 큰 값이 작은 값을 병합시켜버리는 것. 부모-자식간의 마진 병합 /* style.css 문서 */ article { width: 200px; height: 200px; margin-top: 100px; } main이라고..

박스 모델 구조 박스 모델은 웹사이트 레이아웃을 구성할 때, 공간의 크기가 어떤 구조로 구성되어 있는지, 그 구성물들 자체를 통틀어 박스 모델이라고 얘기함. 박스 모델은 margin, border, padding, content 4가지 요소로 구성되어 있음. 박스 모델을 잘 이해해야 다른 웹사이트의 레이아웃 구조를 파악하기 쉽기 때문에 이 4가지는 반드시 기억하기. margin과 padding의 차이 margin과 padding은 border를 기준으로 생각하면 됨. 박스에 border가 있다고 가정했을 때(border를 사용하지 않았다면 border=0으로 생각), border의 바깥 쪽은 margin, 안쪽은 padding. margin-left, right, top, bottom : border 바..

연습문제 : 반복문으로 구구단 완성하기 for문을 사용하여, 구구단 2단부터 9단을 완성시켜 보기. 첫 번째 for문의 변수n는 구구단 몇 단인지를 정하는 숫자. 두 번째 for문으 변수i는 n단에서의 1부터 9를 나타내는 숫자. 조건문 형식은 for ( ) { for ( ) { } }임. 팁 출력되는 형식은 2 * 1 = 2와 같아야 함. 2는 n, 1은 i, 2는 n * i(이때 *는 산술 연산자). 변수는 따옴표를 작성하면 안되는 반면, 기호인 * 와 = 는 문자열 데이터 타입이므로 따옴표를 꼭 작성해주어야 함. 여러 데이터를 이어서 출력하고 싶으시면 산술 연산자 +를 사용하면 됨. >>> // 2단부터 9단까지 출력하는 반복문 for( var n = 2; n < 10; n++) { for ( va..