DevSSOM

.splice() splice 메소드는 배열의 기존 데이터를 다른 데이터로 교체하거나, 추가, 삭제해서 배열 데이터의 내용을 변경함. 배열.splice(시작인덱스[, 제거할 개수[, 추가할 요소1[, 추가할 요소2[, ... ]]]) 형태로 작성하고, 제거한 요소를 담은 배열을 반환함. 예를 들어, 하나의 요소만 제거한 경우, 길이가 1인 배열을 반환. 어떠한 값도 제거하지 않으면 빈 배열을 반환. ex. 제거는 안하고, 2번 인덱스에 "banana"를 추가할 경우 var fruit = ["apple", "watermelon", "orange", "strawberry"]; var removed = fruit.splice(2, 0, "banana"); // removed는 [] 아무것도 없는 빈 배열 //..

문제 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. 제한사항 문자열 s의 길이 : 50 이하의 자연수 문자열 s는 알파벳으로만 이루어져 있습니다. 입출력 예 s answer "pPoooyY" true "Pyy" false 입출력 예 #1 'p'의 개수 2개, 'y'의 개수 2개로 같으므로 true를 return 합니다. 입출력 예 #2..

Class 이벤트 HTML 문서에서 특정 태그가 어떤 클래스를 가지고 있는지, 특정 클래스를 가지고 있다면 그 클래스를 제거하거나, 특정 클래스를 가지고 있지 않다면, 새로운 클래스를 붙이거나 할 때 다음의 제이쿼리 이벤트들을 활용함. $("h1").addClass(); // 대상에 괄호 안 클래스 추가 $("h1").removeClass(); // 대상에 괄호 안 클래스 제거 $("h1").toggleClass(); // addClass와 removeClass 둘 다 $("h1").hasClass(); // 대상에 괄호 안 클래스 있는지 확인 실습문제 Blue Font Red Font Add Class Remove Class Has Class css 파일엔 이미 blue와 important를 만들어뒀음..

쇼핑몰 하단 영역 만들기 로 표시되는 하단 영역의 왼쪽에는 저작권 정보, 오른쪽에는 주소지 정보가 있음. 두 영역은 가운데를 기준으로 정확히 반으로 나눠짐. 기본코드 엘리스 사전 캐릭터 소개 줄거리 부록 하얀토끼 체셔 고양이 하트여왕 모자장수 엘리스에 오신 여러분 환영합니다! :) 도도새 애벌레 카드병정 황금열쇠 Copyright © 2016-2018 elice. All rights reserved. 대전광역시 유성구 문지로 193 KAIST 문지캠퍼스 진리관 T326호 >>> 하나하나 따라해보기 1. 하단 영역 전체 #footer에 대한 css 속성을 작성. HTML 코드는 위의 긴 코드로 확인하는 대신 태그만 보면, 아래와 같음. Copyright © 2016-2020 elice. All rights..

문제 문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 "a234"이면 False를 리턴하고 "1234"라면 True를 리턴하면 됩니다. 제한 사항 s는 길이 1 이상, 길이 8 이하인 문자열입니다. 입출력 예 s return "a234" false "1234" true 기본 코드 function solution(s) { var answer = true; return answer; } 풀이 1 function solution(s) { if(s.length != 4 && s.length != 6) return false; for(var i = 0; i < s.length; i++) { if(isNaN(Number(s[i]))) ret..

Fade 이벤트 영화에서 보여지는 Fade 효과는 다음 제이쿼리 이벤트로 쉽게 구현할 수 있음. $("h1").fadeOut(); // 서서히 사라지게 $("h1").fadeIn(); // 서서히 나타나게 $("h1").fadeToggle(); // fadeOut과 fadeIn 둘 다 실습문제 Hello jQuery Fade Out Fade In Fade Toggle 이제 저 버튼들에 fade 이벤트 기능들을 넣기 위해서 제이쿼리로 index.js 파일을 작성해주기. 가장 먼저, fade-out 버튼. $(function() { $("#fade-out").click(function() { $("h1").fadeOut() }); }); 나머지 버튼들도 코드를 작성해주면 $(function() { $("#f..

Daum 증권 페이지에서 주가 크롤링 Daum 증권 페이지 http://finance.daum.net/ 에서 보여주는 인기 검색 상위 10개 기업의 결과는, 이전처럼 HTML 문서를 분석하여 크롤링하는 방식을 사용할 수 없음. 웹 페이지가 API로부터 실시간으로 변하는 주식의 정보를 주기적으로 요청하여 표시하고 있기 때문. 그래서 웹에서 요청하는 서버에 직접 요청하여 json 데이터를 얻은 후 출력해보기. API의 URL은 개발자 도구의 Network 탭에서 얻을 수 있음. 출력 예시 (1, '삼성전자', 54500) (2, '삼성중공업', 6970) ... 해야할 것 get_data 함수를 올바르게 구현하기. get_data : json 파일로부터 원하는 데이터를 추출한 리스트를 반환합니다. 팁 jso..

쇼핑몰 본문 영역 만들기 태그의 본문 영역에는 ‘엘리스에 오신 여러분 환영합니다! :)’ 를 기준으로 위아래에 각각 4개씩, 총 8개의 이미지가 있음. 이미지 영역에는 이미지와 타이틀 정보가 들어있음. 각 이미지 영역은 모두 크기가 동일하며, 각각의 배경색은 서로 다름. 기본 코드 엘리스 사전 캐릭터 소개 줄거리 부록 하얀토끼 체셔 고양이 하트여왕 모자장수 엘리스에 오신 여러분 환영합니다! :) 도도새 애벌레 카드병정 황금열쇠 태그는 익스플로러에서는 지원하지 않기 때문에, role이라는 속성을 사용해서 main이라고 명시를 해줘야함. 각각의 이미지가 들어가는 영역은 태그를 사용했고, 또 그 각각은 거기서 태그로 클릭이 되게 되어있어. 그리고 그 안에 이미지와 타이틀 정보가 들어있음. 그리고 중간의 에는 ..