Giant Danio Fish
본문 바로가기

메서드9

프로그래머스 1단계 : 3진법 뒤집기 프로그래머스 1단계 : 3진법 뒤집기 코딩테스트 연습 > 월간 코드 챌린지 시즌1 > 3진법 뒤집기 ✔ 문제 설명 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해주세요. ✔ 제한 사항 n은 1 이상 100,000,000 이하인 자연수입니다. ✔ 입출력 예 n return 45 7 125 229 ✔ 문제풀이 function solution(n) { let answer = n.toString(3).split("").reverse().join(""); return parseInt(answer, 3); } ✔ 설명 toString(3) -> 3진수로 출력, split 쪼갠뒤 reverse 거꾸로 출력.. 2022. 11. 29.
jQuery - 클래스 메서드 jQuery 클래스 관련 메서드 jQuery 클래스 관련 메서드에 대해서 알려드리겠습니다. addClass() 메서드 요소에 class속성을 추가합니다. 실행 분류 형식 추가 $("div").addClass("클래스명"); 콜백 함수 $("div").addClass(function(index, className){ // index는 각 div 요소의 index 0, 1, 2 // className은 각 div의 class속성 return class 속성 // 각 div에 속성을 추가합니다. }); .... 내용1 내용2 내용3 예시 addClass() 메서드를 이용해 간단한 예시로 보여드리겠습니다. 결과 See the Pen jQuery_class by younghwan12 (@younghwan12) o.. 2022. 9. 3.
요소 크기 메서드 위치 및 크기를 표현하는 속성 메서드 안녕하세요 오늘은 위치 및 크기를 표현하는 속성 메서드에 대해서 알려드리겠습니다. 속성 메서드 설명 메서드 설명 clientWidth 요소의 가로(패딩 포함, 보더/마진 미포함) clientHeight 요소의 세로(패딩 포함, 보더/마진 미포함) clientTop 요소의 Y축값(부모기준) clientLeft 요소의 X축값(부모기준) offsetWidth 요소의 가로(패딩/보더 포함, 마진 미포함) offsetHeight 요소의 세로(패딩/보더 포함, 마진 미포함) offsetTop 요소의 X축값(문서기준) offsetLeft 요소의 Y축값(문서기준) element.getBoundingClientRect 크기 및 위치 속성 메서드 예시 See the Pen Untitl.. 2022. 9. 1.
문자열 관련 메서드 search() search() 안녕하세요. 오늘 소개시켜드릴 문자열 메서드는 search()입니다. search() search() 메서드는 문자열(정규식)을 검색하고 위치값(숫자)를 반환합니다. "문자열".search("검색값"); "문자열".search(정규식 표현); const str1 = "javascript reference"; const currentStr1 = str1.search("javascript"); //0 const currentStr2 = str1.search("reference"); //11 const currentStr3 = str1.search("j"); //0 const currentStr4 = str1.search("a"); //1 const currentStr5 = str1.searc.. 2022. 8. 22.
includes() includes() includes() 메서드는 문자열 포함 여부를 검색하여, 불린(true, false)을 반환합니다. "문자열".includes(검색값) "문자열".includes(검색값, 시작값) const str1 = "javascript reference"; const currentStr1 = str1.includes("javascript"); //true const currentStr2 = str1.includes("j"); //true const currentStr3 = str1.includes("b"); //false const currentStr4 = str1.includes("reference"); //true const currentStr5 = str1.includes("referen.. 2022. 8. 17.
문자열 관련 메서드 concat() concat() concat() 메서드는 둘 이상의 문자열을 결합하여, 새로운 문자열을 반환합니다. 기존배열을 변경하지 않으며, 추가된 새로운 배열을 반환합니다. array.concat([value1[, value2[, ...[, valueN]]]]) const str1 = "javascript"; const currentStr1 = str1.concat("reference"); //javascriptreference const currentStr2 = str1.concat(" ", "reference"); //javascript reference const currentStr3 = str1.concat(", ", "reference"); //javascript, reference const curren.. 2022. 8. 17.
문자열 관련 메서드 소문자 대문자(toUpperCase(), toLowerCase()) toUpperCase() / toLowerCase() toUpperCase() : 문자열을 대문자로 변경 하고 toLowerCase() : 문자열을 소문자로 변경 한다. str.toUpperCase() // 예시입니다. const str1 = "javascript"; const currentStr1 = str1.toUpperCase(); //JAVASCRIPT const str2 = "JAVASCRIPT"; const currentStr2 = str2.toLowerCase(); //javascript 2022. 8. 17.
문자열 관련 메서드 split() split() 문자열에서 원하는 값을 추출하여 문자열을 반환하는 메서드입니다. "문자열".split(구분자); "문자열".split(정규식 표현); "문자열".split(구분자, 갯수); // 예시입니다. const str1 = "jcavscript reference" const currentStr1 = str1.split(''); //['j', 'c', 'a', 'v', 's', 'c', 'r', 'i', 'p', 't', ' ', 'r', 'e', 'f', 'e', 'r', 'e', 'n', 'c', 'e'] const currentStr2 = str1.split(' '); //['jcavscript', 'reference'] const currentStr3 = str1.split('', 1); //.. 2022. 8. 17.
요소 선택 메서드 요소 선택 요소를 직접 선택하는 메서드 메서드 설명 getElementByID() document.getElementByID('content')일 경우 HTML 요소 중 id 속성이 'content'인 요소를 선택합니다. getElementsByClassName() document.getElementsByClassName('menu')일 경우 HTML 요소 중 class명이 'menu'인 요소들을 선택합니다. getElementsByTagName() document.getElementsByTagName('ul')일 경우 HTML 요소 중 태그명이 'ul'인 요소들을 선택합니다. getElementsByName() document.getElementsByName('txt')일 경우 HTML 요소 중 nam.. 2022. 8. 6.

광고 준비중입니다