본문 바로가기
프로그래머스 문제 풀이 11 프로그래머스 문제 풀이 11 이상한 문자 만들기 01. 문제 function solution(s) { var answer = ''; return answer; } 02. 나의 문제 풀이 function solution(s) { let answer = ''; let index = 0; for(let i =0; i < s.length; i++){ if(s[i] === " ") { index = 0; answer += " "; } else { if(index%2 === 0) { answer += s[i].toUpperCase(); }else{ answer += s[i].toLowerCase(); } index++; } } return answer; } 03. 다른 사람의 문제 풀이 function soluti.. 2022. 11. 6.
프로그래머스 문제 풀이 10 프로그래머스 문제 풀이 10 없는 숫자 더하기 01. 문제 function solution(numbers) { var answer = -1; return answer; } 02. 나의 문제 풀이 function solution(numbers) { let answer = 0; for (let i = 1; i cur + acc, 0); } .0~9까지의 합인 45에서, reduce 함수를 적용하여 합산한 배열의 모든 값을 빼주었다. 2022. 11. 6.
프로그래머스 문제 풀이 09 프로그래머스 문제 풀이 09 문자열 내 p와 y의 개수 구하기 01. 문제 function solution(s) { var answer = true; return answer; } 02. 나의 문제 풀이 function solution(s){ var p = 0; var y = 0; for(var i=0; i < s.length; i++){ if(s[i] === 'p' || s[i] === 'P'){ p++; } if(s[i] === 'y' || s[i] === 'Y'){ y++; } } return (p === y) ? true : false; return answer; } 03. 다른 사람의 문제 풀이 function numPY(s){ //함수를 완성하세요 return s.toUpperCase().sp.. 2022. 11. 6.
프로그래머스 문제 풀이 08 프로그래머스 문제 풀이 08 같은 숫자는 싫어 01. 문제 function solution(num) { var answer = []; return answer; } 02. 나의 문제 풀이 ffunction solution(arr) { var answer = []; for (let i = 0; i < arr.length; i++) { if(arr[i] !== arr[i+1]) answer.push(arr[i]) } return answer; } 03. 다른 사람의 문제 풀이 function solution(arr) { var answer = []; // [실행] 버튼을 누르면 출력 값을 볼 수 있습니다. console.log(arr) var x = arr[0]; var j = 0; var i = 1; wh.. 2022. 11. 4.
프로그래머스 문제 풀이 07 프로그래머스 문제 풀이 07 수박수박수박수 ? 01. 문제 function solution(num) { var answer = ''; return answer; } 02. 나의 문제 풀이 function solution(n) { let result = "" for(let i = 1; i < = n; i++){ if(i % 2 === 0){ result += "박" }else{ result += "수" } } return result } 03. 다른 사람의 문제 풀이 function waterMelon(n){ var result = "수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박수박" //함수를 완성하세요 return result.subst.. 2022. 11. 3.
프로그래머스 문제 06 프로그래머스 문제 풀이 06 짝수 홀수 구하기 01. 문제 function solution(num) { var answer = ''; return answer; } 02. 나의 문제 풀이 function solution(s) { var answer = ''; if( s.length % 2 === 0 ){ answer = s[s.length / 2 - 1] + s[s.length / 2]; } else { answer = s[Math.floor(s.length/2)]; } return answer; } 03. 다른 사람의 문제 풀이 function solution(s) { return s.substr(Math.ceil(s.length / 2) - 1, s.length % 2 === 0 ? 2 : 1); }.. 2022. 11. 2.
프로그래머스 05 프로그래머스 문제 풀이 05 핸드폰 번호 뒷자리수 변경하기 01. 문제 function solution(num) { var answer = ''; return answer; } 02. 나의 문제 풀이 function solution(phone_number) { var answer = ''; let back = phone_number.substr(-4,4); let front = phone_number.substring(0,phone_number.length-4); let result = front.replace(/[0-9]/g,'*'); answer = result + back return answer; } 03. 다른 사람의 문제 풀이 function hide_numbers(s) { return s.r.. 2022. 11. 1.
프로그래머스 04 프로그래머스 문제 풀이 02 짝수 홀수 구하기 01. 문제 function solution(num) { var answer = 0; return answer; } 02. 나의 문제 풀이 function solution(n) { for(let x = 2; x 0) { break; } if (n % i == 1) { answer = i; } } return answer; } 길긴 하지만 이해하기 쉽게 풀어주었기 때문에 가져와보았습니다. i는 n 보다 작지만 .. 2022. 11. 1.
프로그래머스 03 프로그래머스 문제 풀이 03 짝수 홀수 구하기 01. 문제 function solution(num) { var answer = ''; return answer; } 02. 나의 문제 풀이 function solution(n){ var answer = 0; var ever = String(n); for(var i =0; i < ever.length; i++){ answer += parseInt(ever[i]); } return answer; } 03. 다른 사람의 문제 풀이 function solution(n){ var a = (n + '').split(''); var b = 0; for(var i = 0; i < a.length; ++i) { b += parseInt(a[i]); } return b; }.. 2022. 11. 1.
프로그래머스 02 프로그래머스 문제 풀이 02 짝수 홀수 구하기 01. 문제 function solution(num) { var answer = ''; return answer; } 02. 나의 문제 풀이 function solution(num) { var answer = ''; if( num % 2 == 0){ return answer = "Even"; }else { return answer = "Odd"; } } 03. 다른 사람의 문제 풀이 function evenOrOdd(num) { return num % 2 ? "Odd" : "Even"; } 삼향연산자로 if문을 사용해 한줄로 만들어 보기 좋은것 같습니다. 2022. 11. 1.
프로그래머스 01 프로그래머스 문제 풀이 01 평균값 구하기 01. 문제 function solution(arr) { var answer = 0; for( var i=0; i a + b) / array.length; } reduce로 누적값을 만들어 낸.. 2022. 11. 1.
오답노트 두번째 오답노트 입니다 :3 2022. 10. 2.
오답노트 피그마가 안열려서.. 표지는 이걸로 대체합니다 :3 첫번째 오답입니다 오로지 이미지로만 승부 봅니다 >.0 2022. 10. 2.
mouseenter | movesover 의 차이점 mouseenter | movesover 의 차이점 mouseOver or mouseOut : 지정된 태그 요소(혹은 자신)는 물론이며, 자식 요소가 있다면 해당 자식요소의 영역까지 포함됩니다. mouseEnter or mouseLeave : 지정된 태그 요소(혹은 자신)의 영역에만 해당되며, 만약 자식요소가 있다면 해당 자식요소의 영역은 제외됩니다. 이를 더 쉽게 표현하기 위해 코드펜으로 예시를 가져와 보았습니다. See the Pen 0905 by Packsunhye (@packsunhye) on CodePen. 01. mouseover | mouseout 이벤트 1번의 경우는 마우스를 우선 회보라색 div 범위내에 올리면 p 태그로 감싸여 있는 글씨 부분의 배경이 보라색으로 변하는걸 확인하실 수 있.. 2022. 9. 5.
요소 크기 메서드 정리 요소 크기 메서드 정리 요소의 크기나 위치 속성이나 메서드를 알려주는 자바스크립트와 제이쿼리를 알려드리겠습니다. 01. 요소의 가로값 | 세로값 : 패딩/보더/마진 미포함 //하려는 방법 const x = document.querySelector(".class") document.querySelector(".class").innerHTML = x.clientWidth or clientHeight //가로값 or 세로값 02. 요소의 X축값 | Y축값 : 부모기준 //하려는 방법 const x = document.querySelector(".class") document.querySelector(".class").innerHTML = x.clientLeft or clientTop //X축값 or Y축값 0.. 2022. 9. 1.
search() search() 란? indexOf와 같이 문자열을 검색할 때에 검색 값에 따라 숫자를 반환합니다. 또한 정규식 표현이 가능합니다. const str1 = "cat do funch" const currentStr1 = str1.search('cat'); //0 const currentStr2 = str1.search('funch'); //5 const currentStr3 = str1.search(/[a-z]/g); //0 "문자열".search("검색값"); "문자열".search(정규식 표현); const str1 = "javascript reference"; const currentStr1 = str1.search("javascript"); //0 const currentStr2 = str1.sea.. 2022. 8. 22.
match() match() 란? search()과 비슷한 메서드이며 원하는 값을 검색할 때에 배열로 반환합니다. 또한 정규식 표현이 가능합니다. const str1 = "cat do funch" const currentStr1 = str1.match('cat'); //'cat' const currentStr2 = str1.match('funch'); //'funch' const currentStr3 = str1.match(/c/g); //(2) 'c','c' "문자열".search("검색값"); "문자열".search(정규식 표현); const str1 = "javascript reference"; const currentStr1 = str1.match("javascript"); //'javascript' const.. 2022. 8. 22.
charAt() charAt() 란? search()나 indexOf()와 비슷하나, 숫자로 검색 할 시 검색값이 문자열로 나옵니다. const str1 = "cat do funch" const currentStr1 = str1.charAt(); //c const currentStr2 = str1.charAt('0'); //c const currentStr3 = str1.charAt("5"); //f "문자열".charAt(숫자); const str1 = "javascript reference"; const currentStr1 = str1.charAt(); //j const currentStr2 = str1.charAt("0"); //j const currentStr3 = str1.charAt("1"); //a con.. 2022. 8. 22.
함수 02 함수 02 함수에 변수를 이용해 여러가지를 출력하거나, 객체 안에 변수를 넣는 등 프로토 타입이나 객체 리터럴 함수를 정리해보았습니다. 01. 함수와 매개변수를 이용한 형태 func에 변수를 저장 하였을 때, 다시 매개변수를 통해 값을 저장해 출력할 수 있었습니다. function func(str1, str2){ document.write(str1 + "와" + str2 + "는 귀엽다." ) } func("강아지","고양이"); func("햄스터", "토끼") 02. 함수와 변수를 이용한 형태 func에 변수를 저장 하였을 때, 다시 const에 변수를 출력할 수 있었습니다. function func(str1, str2){ document.write(str1 + "는" + str2 + "가 귀엽다.").. 2022. 8. 22.
includes() includes()란? includes()는 문자열 포함 여부를 검색하여, 불린(ture,false)을 반환해주는 메서드 입니다. const str1 = "sleep cat" const currentStr1 = str1.includes("sleep"); //true const currentStr2 = str1.includes("cat"); //true const currentStr3 = str1.includes("s"); //true const currentStr4 = str1.includes("b"); //false //포함 여부를 나타냄 "문자열".includes(검색값) "문자열".includes(검색값, 시작값) const str1 = "javascript reference"; const curr.. 2022. 8. 17.
padStart() / padEnd() padStart() / padEnd()란? padStart()/padEnd()는 주어진 길이에 맞게 앞/뒤 문자열을 채우고, 새로운 문자열을 반환해주는 메서드 입니다. const str1 = "cat" const currentStr1 = str1.padStart(1,"0"); //cat const currentStr2 = str1.padStart(3,"0"); //cat const currentStr3 = str1.padStart(4,"0"); //0cat const currentStr4 = str1.padStart(6,"0"); //000cat const currentStr4 = str1.padEnd(3,"0"); //cat const currentStr5 = str1.padEnd(4,"0"); //c.. 2022. 8. 17.
repeat() repeat() 란? repeat()는 문자열을 복사하여, 복사한 새로운 문자열을 반환해주는 메서드입니다. const str1 = "cat" const currentStr1 = str1.concat("0"); //'_' //공백 const currentStr2 = str1.concat("1"); //cat const currentStr3 = str1.concat("3"); //catcatcat "문자열".repeat(숫자) const str1 = "javascript"; const currentStr1 = str1.repeat("0"); //'' const currentStr2 = str1.repeat("1"); //javascript const currentStr3 = str1.repeat("2"); .. 2022. 8. 17.
concat() concat() 란? concat()는 둘 이상의 문자열을 결합하여, 새로운 문자열을 반환해주는 메서드입니다. const str1 = "cat" const currentStr1 = str1.concat("sleep"); //catsleep const currentStr2 = str1.concat(" ","sleep"); //cat sleep const currentStr3 = str1.concat(" ",["so","cute"]); //cat so,cute "문자열".concat(문자열) "문자열".concat(문자열,문자열...) const str1 = "javascript"; const currentStr1 = str1.concat("reference") //javascriptreference con.. 2022. 8. 17.
replace() / replaceAll() replace() / replaceAll() 란? replace()는 문자열을 부분 문자열로 구분하고 배열로 반환하는 메서드입니다. replaceAll()은 복수의 문자열을 변경하고 싶을 때에 사용합니다. const str1 = "cat so cute" const currentStr1 = str1.replace("cat", "고양이는"); //고양이는 so cute const currentStr2 = str1.replace("a","A"); //cAt so cute const currentStr3 = str1.replace("c","C"); //Cat so cute // 첫번째 문자만 변경한다. const currentStr4 = str1.replaceAll("c","C"); //Cat so Cute ".. 2022. 8. 17.
split() split() 란? 문자열에서 원하는 값을 추출 할 수 있는 메서드입니다. const str1 = "cat do funch" const currentStr1 = str1.split(''); //['c','a','t','d','o','f','u','n','c',h] const currentStr2 = str1.split('',1); // c const currentStr3 = str1.split('o'); //['cat','d','funch'] "문자열".split(구분자); "문자열".split(정규식 표현); "문자열".split(구분자, 갯수); const str1 = "javascript reference"; const currentStr1 = str1.split(''); //['j', 'a', '.. 2022. 8. 17.
소문자&대문자 | 공백 01. toUpperCase() 문자열을 대문자로 변경해주는 메서드 입니다. const str1 = "cat Do pUNch"; const currentStr1 = str1.toUpperCase(); // CAT DO PUNCH //toUpperCase() const str1 = "javascript"; const currentStr1 = str1.toUpperCase(); // JAVASCRIPT 02. toLowerCase() 문자열을 소문자로 변경해주는 메서드 입니다. const str1 = "cat Do pUNch"; const currentStr1 = str1.toUpperCase(); // cat do funch //toLowerCase() const str1 = "JAVASCRIPT"; co.. 2022. 8. 17.
문자열 결합 / 템플릿 문자열 문자열 결합 / 템플릿 문자열 간단하게 말해 내장된 표현식을 허용하는 문자열 리터럴입니다. 아래는 예시 입니다. const str1 = "강아지" const str2 = "고양이" const str3 = "귀엽다" document.querySelector(".지정할 곳").innerHTML = "나는 " + str1 + "와 " + str2 + "가 " + str3 + "고 생각하고 있다." document.querySelector(".지정할 곳").innerHTML = `나는 ${str1} 와 ${고양이}가 ${귀엽다}고 생각하고 있다`; 숫자와 문자 등 여러 방식은 아래쪽을 참고해주세요. 번호 기본값 메서드 리턴값 1 자바스크립트, 제이쿼리 문자열(string) 결합 자바스크립트제이쿼리 2 100,2.. 2022. 8. 17.
indexOf() indexOf() indexOf()는 특정 문자나 문자열이 앞에서부터 처음 발견되는 인덱스(숫자)를 반환하며 만약 찾지 못했을 경우 "-1"을 반환합니다. "문자열.indexOf(검색값)" "문자열.indexOf(검색값,위치값)" //즉, 이런 방식 입니다. const str1 = "sleep cat cute" const currentStr1 = str1.indexOf("sleep"); //0 const currentStr2 = str1.indexOf("cat"); //5 const currentStr3 = str1.indexOf("c",0); //-1 //데이터가 없으면 -1이 나온다. const currentStr4 = str1.indexOf("cute",10); //8 indexOf()는 여러 방식.. 2022. 8. 16.
slice() / substring() / substr() slice() / substring() / substr() 문자열에서 원하는 값을 추출하는 메서드 입니다. 괄호 안에 시작값과 끝나는 위치 값을 넣어 원하는 단어나 글자를 출력할 수 있습니다. 01. slice() const str1 = "sleep cat" const currentStr1 = str1.slice(0); //sleep cat const currentStr2 = str1.slice(5,9); //cat 시작위치보다 끝나는 위치가 더 커야지 올바르게 나옵니다. const str1 = "javascript reference" const currentStr1 = str1.slice(0); //javascript reference const currentStr2 = str1.slice(1); //.. 2022. 8. 16.
정규식 표현 정규식 표현 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. 예를 들어 여러 문자나 숫자열 있을 때 정규식 표현을 사용하면 원하는 정보를 쉽게 찾아 낼 수 있습니다. const str1 = "cat!is&so!cute"; // !와 &를 빼고는 모두 문자열 const currentStr1 = str1.split(/&|\!/); //사용하면 "cat" "is" "so" "cute"가 된다. // 배열로 바꾸어짐 ( /&|\!/ )처럼 어떤 종류가 있는지 알아봅시다. 패턴 설명 abc abc 문자열을 검색합니다. /abc/는 'abc' [abc] a, b, c중 문자 하나를 검색합니다. /[abc]d/는 'ad', 'bd', 'cd' [^abc] a,b,c를 제외한 문자 하나.. 2022. 8. 16.
고양이 고양이
고양이 고양이
고양이 고양이

티스토리툴바